arcgis js 底图切换_ArcGIS API For Javascript ：如何制作地图切换器

大部分情况下我们开发会使用原生的地图切换器，由于每个项目的页面风格不同，业务场景不同，因此需要做一些样式不同的地图切换器。

首先可以照猫画虎，自己照着地图切换器的样式抄一个，或者看看主流的地图切换器都长什么样，然后以这些为基本框架，自己再去设计地图切换器的样式，从核心功能上都大同小异，本篇文章主要想介绍的就是“换壳”。

前端部分

我们在前端做一个地图切换器。代码如下：

标签中的 CSS 样式代码为：

.mapSwitch{

height: 60px;

width: 80px;

background: url(img/0.png) center center;

border: 1.5px solid rgb(255, 255, 255);

position: absolute;

z-index: 1;

border-radius: 5px;

top: 2%;

right: 1%;

cursor: pointer;

}

给 

标签赋予点击事件，指向的函数为“mapSwitch()”，其中的 mtype 参数接下来会讲到。

JS 部分

为了识别我们切换的状态，需要用到一个全局变量来辅助我们做判断。

var mtype = 0;

在地图中假设我们有两份底图，将其加入地图中，并隐藏其中的一个。

var BaseMap=new esri.layers.ArcGISDynamicMapServic