ArcGIS for javascript API 实现地图卷帘效果

这个是今天在群里听到有人做了这个功能，于是产生了兴趣。也想来尝试下，参照了KK在github上的例子https://github.com/kunkun12/MapSwipe，例子写得很详细，我这里就不在赘述了。先看效果图：

 

其实原理很简单，就是设置第二次add进来的Layer的div容器的宽和高。

这里说下我从中学到的一下小的体会吧：在上面有2个radio button按钮，我们在选择水平卷帘或是垂直卷帘时，要对这个按钮做一个判断，这里巧妙的用这种写法

 var isverticalswipe=false;
   var ishorizontalswipe=false; 
   on(dom.byId('verticalswipe'),"click",function(){
     isverticalswipe=!isverticalswipe; //没有设置为true，而是a=!a;很巧妙
   });
 on(dom.byId('horizontalswipe'),"click",function(){
      ishorizontalswipe=!ishorizontalswipe;
   });

源代码可以从上面给的github的连接里下载到。