arcgisJs之底图切换插件

arcgisJs之底图切换插件

底图切换插件在arcgis中有两种表现，如下：

1.两张底图切换

2.多张底图切换

一、两张地图切换

let basemapToggle = new BasemapToggle({
        view: this.view,
        nextBasemap: customBasemap
      })
this.view.ui.add(basemapToggle, \'top-right\')

二、多张地图切换

var basemapGallery = new BasemapGallery({
        source: [ customBasemap, customBasemap1 ],
        view: this.view
      })
this.view.ui.add(basemapGallery, { position: \'top-right\' })

注意：

1.切换插件上的图片显示不出来

原因：未给底图对象设置图片路径  （thumbnailUrl）

import Basemapthumbnail from \'../../assets/map_images/Basemapthumbnail.png\'
import Basemapthumbnail1 from \'../../assets/map_images/Basemapthumbnail1.png\'

 let customBasemap = new Basemap({
        baseLayers: [tdtylayer1, layerProvince, tdtylayer2],
        title: \'影像地图\',
        id: \'myBasemap\',
        thumbnailUrl: Basemapthumbnail
      })
let customBasemap1 = new Basemap({
        baseLayers: [tdtylayer, layerProvince, tdtylayer3],
        title: \'矢量底图\',
        id: \'myBasemap1\',
        thumbnailUrl: Basemapthumbnail1
      })

 

 

钻研不易，转载请注明出处。。。。。。