cesium4之BaseLayerPicker

最新推荐文章于 2023-10-09 08:58:45 发布

VIP文章 MYNAMEL

最新推荐文章于 2023-10-09 08:58:45 发布

阅读量460

点赞数 2

分类专栏： cesium 文章标签： cesium

本文链接：https://blog.csdn.net/MYNAMEL/article/details/120415705

版权

我的总结：BaseLayerPicker就是换地图数据源的。

参考资料：
https://www.cnblogs.com/fuckgiser/p/5686238.html
https://blog.csdn.net/weixin_45565771/article/details/105430494
https://blog.csdn.net/seelingzheng/article/details/105458536

原效果

在这里插入图片描述

腾讯影像效果图：

在这里插入图片描述

高德影像效果图：

在这里插入图片描述

高德矢量效果图：

在这里插入图片描述

注意：创建Viewer对象时 baseLayerPicker:true 一定要写

viewer创建时：

	var viewer = new Cesium.Viewer("cesiumContainer",{
   
       baseLayerPicker:true,
    });

其基本格式为：

let gaodev = new Cesium.UrlTemplateImageryProvider({
   url:"http://webrd0{s}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}",subdomains: ["1", "2", "3", "4"]});
    var gaodeMapModel = new Cesium.ProviderViewModel({
   
      name: "高德矢量",
      iconUrl: Cesium.buildModuleUrl("Widgets/Images/ImageryProviders/openStreetMap.png"),
      tooltip: "高德矢量 地图服务",
      creationFunction: function () {
   
        return gaodev;
      }
    });

以下为完整原代码

<!DOCTYPE html></

最低0.47元/天解锁文章

MYNAMEL

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
cesium4之BaseLayerPicker

我总结的该功能：就是换地图数据源的。参考资料：https://www.cnblogs.com/fuckgiser/p/5686238.htmlhttps://blog.csdn.net/weixin_45565771/article/details/105430494https://blog.csdn.net/seelingzheng/article/details/105458536原效果腾讯影像效果图：高德影像效果图：高德矢量效果图：注意：创建Viewer对象时 base
复制链接

扫一扫