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的连接里下载到。

原文地址:https://www.cnblogs.com/phoneball/p/4276197.html