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级的影像了:

相关文章
相关标签/搜索