前言
關於本篇功能實現用到的 api 涉及類看不懂的，請參照 esri 官網的 arcgis api 3.x for js：esri 官網 api，里面詳細的介紹 arcgis api 3.x 各個類的介紹，還有就是在線例子：esri 官網在線例子，這個也是學習 arcgis api 3.x 的好素材。
內容概覽
- 地圖分屏對比功能講解
- 源代碼 demo 下載
本篇實現地圖分屏對比功能模塊，截圖如下：
對效果圖的簡單介紹一下，在 demo 只采用了兩分屏對比，感興趣的話，可以在兩分屏的基礎上拓展，修改 css 樣式以及 js 控制，可以修改為多屏對比效果。1對應的是鼠標當前位置，2對應的是1在另一個分屏的地圖位置；3是切圖不同底圖的作用。
地圖分屏效果的對比，核心在於擁有不同年份或者不同類型的底圖之間的對比才有意義的，這里的 dmeo 由於地圖數據素材的限制，沒有不同類型的底圖，所以湊合的采用同一張底圖的對比，但是分屏對比的功能效果是達到了的。
- 項目demo新增部分
- 新增 map.splitScreen.js 文件，實現地圖分屏對比功能模塊的代碼文件；
- 在 map.html 頁面引用 map.splitScreen.js：
<script type="text/javascript" src="js/main/map.splitScreen.js"></script>
更多的詳情見：GIS之家小專欄
文章尾部提供源代碼下載，對本專欄感興趣的話，可以關注一波