cesium加載離線tms切片

參考: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級的影像了:

相關文章
相關標籤/搜索