前言

關于本篇功能實現用到的 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之家小專欄

文章尾部提供源代碼下載，對本專欄感興趣的話，可以關注一波

轉載于:https://www.cnblogs.com/giserhome/p/6112391.html

總結

以上是生活随笔為你收集整理的arcgis api 3.x for js 入门开发系列六地图分屏对比（附源码下载）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。