Cesium中Navigation導(dǎo)航插件的配置：
之前在別的Cesium的Demo中看到Cesium的導(dǎo)航控件，覺(jué)得導(dǎo)航控件非常好用。好奇新的驅(qū)動(dòng)下去Github上看了一下，果然有國(guó)外大神寫(xiě)的Navigation導(dǎo)航控件的插件。把源碼下載，參照readme文件進(jìn)行配置，測(cè)試可以?，F(xiàn)在分享給大家。
一、Github下載Navigation導(dǎo)航的插件
Github地址：https://github.com/alberto-acevedo/cesium-navigation
下載之后文件夾：
二、文件配置
之前node環(huán)境下的cesium配置基礎(chǔ)上。如果沒(méi)有配置過(guò)參考：Cesium本地配置這篇文章。
在文件夾根目錄地址欄中輸入cmd：
在cmd界面中輸入以下兩條指令：
npm install
node build.js
稍等一會(huì)插件文件夾中多出幾個(gè)文件：
在官網(wǎng)上給出的使用方法：（其中最主要的就是引入viewerCesiumNavigationMixin.js文件）
<head>
<!-- other stuff -->
<script src="path/to/Cesium.js"></script>
<!-- 引入: 因?yàn)镃esium導(dǎo)航查看器mixin依賴于銫，所以一定要在cesium之后加載它 -->
<script src="path/to/standalone/viewerCesiumNavigationMixin.js"></script>
<!-- other stuff ... -->
</head>
配置好path的文件路徑，我覺(jué)得太麻煩的取了一個(gè)巧。我將整個(gè)文件在Tomcat中進(jìn)行發(fā)布，直接在線調(diào)用viewerCesiumNavigationMixin.js文件。因?yàn)槔锩嬗性S多調(diào)用的資源文件，就直接把整個(gè)文件放在了Tomcat中。雖然感覺(jué)有點(diǎn)笨，但是親測(cè)可用。
三、調(diào)用viewerCesiumNavigationMixin.js文件
新建頁(yè)面，新建Cesium加載方法。新建三維地球。加入下面的代碼：
//開(kāi)啟Navigation導(dǎo)航插件
$("#addNavigation").bind('click',function(){
viewer.extend(Cesium.viewerCesiumNavigationMixin, {});
});
//釋放Navigation導(dǎo)航插件
$("#removeNavigation").bind('click',function(){
viewer.cesiumNavigation.destroy();
});
下面是控制導(dǎo)航控件的代碼：
var options = {};
options.defaultResetView = Cesium.Rectangle.fromDegrees(71, 3, 90, 14);
// Only the compass will show on the map
options.enableCompass= true;
options.enableZoomControls= false;
options.enableDistanceLegend= false;
options.enableCompassOuterRing= true;
cesiumViewer.extend(Cesium.viewerCesiumNavigationMixin, options);
最后運(yùn)行就能查看效果：
我非常欣賞插件原作者readme文件中的一句話：
The plugin is 100% based on open source libraries. The same license that applies to Cesiumjs and terriajs applies also to this plugin. Feel free to use it, modify it, and improve it.
該插件100%基于開(kāi)源庫(kù)。適用于Cesiumjs和terriajs的許可證也適用于這個(gè)插件。請(qǐng)隨意使用、修改和改進(jìn)它。
開(kāi)源萬(wàn)歲。
