Cesium可以加载百度地图吗

Posted 2023-03-22

thingjs不支持百度作为底图使用。由于百度地图坐标系的坐标原点的特殊性，我们目前不支持百度地图作为地理底图。如果坐标数据来自于百度地图，数据上传时选择“百度坐标系”，可以与其他的地理底图进行匹配。 参考技术A

cesium不能加载百度地图，首先百度地图切片规则不是通用的，第二百度地图的坐标也是不公开的。earthsdk（对cesium的扩展）对百度地图做了转换，可以加载。

参考技术B 我的实践是 React + JQuery 先把页面拆分成足够小的模块，比如列表项，比如菜单项。然后一层层包装成组件，元素，页面等等。 你可以在之前设置好id啥的，绑定事件啥的也都没问题。 React自己有单向数据流，控制好数据更新也基本没啥问题。

Cesium专栏-百度地图加载（附源码下载）

Cesium 是一款面向三维地球和地图的，世界级的JavaScript开源产品。它提供了基于JavaScript语言的开发包，方便用户快速搭建一款零插件的虚拟地球Web应用，并在性能，精度，渲染质量以及多平台，易用性上都有高质量的保证。

Cesium可以很方便的加载高德地图、天地图地图、谷歌地图等，但是百度地图的加载不支持，笔者仿照UrlTemplateImageryProvider的定义规范以及相关资料，写了一个简单的百度地图加载方法。

效果图：

加载方法跟UrlTemplateImageryProvider等的加载方法一致。

• var viewer = new Cesium.Viewer(‘cesiumContainer‘, {
• imageryProvider: new BaiduImageryProvider({
• url: "http://online{s}.map.bdimg.com/onlinelabel/?qt=tile&x={x}&y={y}&z={z}&styles=pl&scaler=1&p=1"
• })
• });

完整的BaiduImageryProvider代码见附件。

更多详情见下面链接文章：

文章链接

文章提供源码，对本专栏感兴趣的话，可以关注一波