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的連接里下載到。