Cesium - 离线使用方法

不念不忘少年蓝@ 2022-05-25 20:41 456阅读 0赞

http://www.cnblogs.com/defineconst/p/6107609.html

使用Cesium可以直观的看基于DEM切片产生的Terrain地形数据，有种身临其境的感觉，但缺点是Cesium默认缺省加载了微软Bing提供的地形以及遥感影像数据，可以跟踪日志，总提示让你申请微软的Bing地图Key。如果Cesium在绝对离线，即不连接互联网的情况下，第一步加载Bing地形图时候就抛出了异常，后面的图层也无法加载，整个地图区域将显示漆黑的天空，这就意味着需要在底层，取消对Bing地形图的访问。

由于Cesium超乎寻常的大，未压缩情况下有6Mb多，好处是 可以看清楚代码结构。这样就可以跟踪分析，如何取消对Bing地图的访问（如采用一般的文本编辑器，基本会死掉，Sublime也会经常卡死，因此我使用宇宙中最强大的IDE-VS2015）。打开Cesium.js后搜索代码行，有一个createDefaultImageryProviderViewModels函数，里面加载在线地图服务近10多种，其中一些就是Bing地图，还有其他互联网在线地图商提供的地图服务。由于我的场景是物理隔绝的网络，即不能使用在线地图服务，因此，全部将这些代码注释掉，返回空的providerViewModels。

![37018-20161127221951784-1354259787.png][]

注释后保存，编写测试代码发现加载后的地图有黑色天空变成了蓝色，当然，很丑陋。

![37018-20161128132848943-1190014146.png][]

为了避免蓝色地球，预先加载了一张全球地图作为背景，效果如下：

![37018-20161127221724612-1898644937.png][]

接下来，采用爬虫爬取谷歌地形图和影像图，硬盘越大越好，缩放级别越高越好，使用IIS发布后，调用如下接口在Cesium中显示地形图，代码如下：

layersTerrainMap.addImageryProvider(Cesium.createTileMapServiceImageryProvider(\{  
 　　url: 'http://192.168.198.183/Google\_DEM/',  
 　　credit: 'Google\_DEM'  
 \}));

效果如下图所示：

![37018-20161127221549721-1978324903.png][]

博客地址： [http://www.cnblogs.com/defineconst/][http_www.cnblogs.com_defineconst]   
博客版权： 本文以学习、研究和分享为主，欢迎转载和各类爬虫，但必须在文章页面明显位置给出原文链接。 如果文中有不妥或者错误的地方还望高手的您指出，以免误人子弟。如果您有更好的建议，不如留言一起讨论，共同进步！ 再次感谢您耐心的读完本篇文章。

[37018-20161127221951784-1354259787.png]: /images/20220526/ebc5dd94dc384682ad14e9ddc60a601d.png
[37018-20161128132848943-1190014146.png]: /images/20220526/cb5b60841146456ea8998046676d5655.png
[37018-20161127221724612-1898644937.png]: /images/20220526/471e3f7d36184aa8919658f3e65b30ba.png
[37018-20161127221549721-1978324903.png]: /images/20220526/5164cfacd20b49d6afb33a0674a8ce27.png
[http_www.cnblogs.com_defineconst]: http://www.cnblogs.com/defineconst/