ArcGIS JS api 4.15加载天地图（二）图层切换

最新推荐文章于 2023-08-07 14:40:32 发布

原创

最新推荐文章于 2023-08-07 14:40:32 发布 · 1.7k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#arcgis

本文介绍了如何使用ArcGIS JS API 4.15的BasemapToggle和BasemapGallery组件来实现天地图图层的切换。通过设置LocalBasemapsSource和自定义basemaps数组，可以创建包含天地图山东地区的底图切换效果。示例中详细讲解了两种方式的实现步骤，并给出了相关代码参考。

BasemapToggle、BasemapGallery用于实现加载的底图的切换。BasemapToggle设置相对简单，BasemapGallery官网示例中只提供自身地图的切换。实现自定义图层，需要设置BasemapGallery的source属性，实例化LocalBasemapsSource。LocalBasemapsSource中的basemaps数组内容，即为加载的图层切换组。
示例分别用BasemapToggle、BasemapGallery实现图层切换，以天地图山东为例。

1 创建Basmap

Basmap中添加的图层（如下layer1,layer2,layer3）参考：https://blog.youkuaiyun.com/gispipi/article/details/107320543

 bm_vec = new Basemap({
   
   
                baseLayers:[layer1],
                thumbnailUrl:'/res/images/vector.png',
                title:'矢量地图',
                id:'矢量地图'