參考:https://www.jianshu.com/p/7b5476d8a7f6 http://www.cnblogs.com/mazhenyu/p/8494094.htmlhtml
一、軟件環境:太樂地圖下載器4.9破解版;Cesium-1.44web
二、太樂地圖下載器上下載切片,範圍是-180,180,-90,90,導出選擇 瓦片:TMS,圖片格式選擇pngapi
三、修改tile.xml名稱爲tilemapresource.xml網絡
四、添加web.config文件,內容爲:ide
<?xml version="1.0" encoding="UTF-8"?>
<configuration>
<system.webServer>
<httpProtocol>
<customHeaders>
<add name="Access-Control-Allow-Origin" value="*" />
<add name="Access-Control-Allow-Methods" value="GET,POST,PUT,DELETE,HEAD,OPTIONS" />
<add name="Access-Control-Allow-Headers" value="Content-Type,api_key,Authorization,X-Requested-With" />
</customHeaders>
</httpProtocol>
</system.webServer>
</configuration>函數
五、把上面的切片文件放在Test目錄下,結構以下:url
六、把Test文件夾下的內容發佈爲應用程序,以下:xml
七、打開Cesium.js後搜索代碼行,有一個createDefaultImageryProviderViewModels函數,裏面加載在線地圖服務近10多種,其中一些就是Bing地圖,還有其餘互聯網在線地圖商提供的地圖服務。因爲個人場景是物理隔絕的網絡,即不能使用在線地圖服務,所以,所有將這些代碼註釋掉,返回空的providerViewModels。 htm
調用代碼爲:blog
var url = 'http://localhost:80/test'; // tms 瓦片地址
var viewer = new Cesium.Viewer('cesiumContainer',
{
imageryProvider: new Cesium.createTileMapServiceImageryProvider({
url: url
}), baseLayerPicker: false
});
八、若是想在局部區域顯示高清的切片能夠經過修改tilemapresource.xml的方式,如上切片到7級,把興國縣的8-17級切片拷貝過去,而後在xml中添加8-17級的等級信息,以下所示:
九、這樣在興國縣範圍就能夠顯示8-17級的影像了: