前言
關(guān)于本篇功能實現(xiàn)用到的 api 涉及類看不懂的,請參照 esri 官網(wǎng)的 arcgis api 3.x for js:esri 官網(wǎng) api,里面詳細的介紹 arcgis api 3.x 各個類的介紹,還有就是在線例子:esri 官網(wǎng)在線例子,這個也是學習 arcgis api 3.x 的好素材。
內(nèi)容概覽
- 地圖框選縮放、地圖漫游、清空、量算工具
- 地圖比例尺控件
- 地圖顯示坐標
- 地圖鷹眼
- 源代碼 demo 下載
- 工具欄,在 map.html 頁面引入工具欄實現(xiàn)需要的 js 文件
<script type="text/javascript" src="js/main/map.map2dPanel.js"></script>
然后在 map.js 文件中地圖初始化函數(shù) load2DMap 進行工具欄的 js 調(diào)用
//顯示地圖工具欄
DCI.map2dTool.InitTool(map);
map2dPanel.js 實現(xiàn)了地圖工具欄功能,談談實現(xiàn)核心部分功能的代碼:
拉框放大:這個實現(xiàn)比較簡單,利用拉框的矩形范圍,直接設置地圖的范圍為拉框的范圍即可
更多的詳情見:GIS之家小專欄
文章尾部提供源代碼下載,對本專欄感興趣的話,可以關(guān)注一波
GIS之家作品:GIS之家
GIS之家源碼咨詢:咨詢模式