arcgis api 卷帘功能实现

最近公司项目要在原来toolbar上加个卷帘功能,用的是arcgis API for javascript.由于之前几乎没接触过,所以对于这个功能只能从官网开始学习.翻了挺久在官网没有找到相关例子. 在网上找到了一个被人写的,实际运用了一下发现还是有bug 比较使用与只有一个方向卷帘的效果,不能满足项目任意方向都可以实现卷帘的需求.现在说下我实现大概思路
既然是卷帘肯定是两幅地图之间的对比，所以首先需要建立两个view，分别绑定两个不同的div。

---

  var map1 = new Map({
          basemap: 'streets'
        })
  var view1 = new MapView({
          map: map1,
          container: 'map1'
        })
  var map2 = new Map({
          basemap: 'satellite'
        })
  var view2= new MapView({
          map: map2,
          container: 'map2'
        })

创建两个div标签作为地图容器

`<div id='map1'>
          <div id='map2'></div>
      </div> `

---

设置两个div的style样式，任意大小只需要两个一样

  #map1{
      width:1180px;