天天看點

arcgis api 3.x for js 入門開發系列十疊加 SHP 圖層(附源碼下載下傳)

疊加SHP圖層效果實作的思路如下:利用封裝的js檔案,直接讀取shp圖層,然後轉換geojson,最後通過arcgis api來解析轉換graphic繪制疊加在地圖展示

前言

關于本篇功能實作用到的 api 涉及類看不懂的,請參照 esri 官網的 arcgis api 3.x for js:esri 官網 api,裡面詳細的介紹 arcgis api 3.x 各個類的介紹,還有就是線上例子:esri 官網線上例子,這個也是學習 arcgis api 3.x 的好素材。

内容概覽

  1. 基于 arcgis api 3.x 疊加 SHP 圖層
  2. 源代碼 demo 下載下傳

本篇實作疊加 SHP 圖層,截圖如下:

疊加 SHP 圖層效果實作的思路如下:利用封裝的 js 檔案,直接讀取 shp 圖層,然後轉換 geojson,最後通過 arcgis api 來解析轉換 graphic 繪制疊加在地圖展示

map.html 頁面引用疊加 SHP 需要的 js 檔案

<!--疊加shp圖層需要的js檔案-->
<script src="stream.js"></script>
<script src="shapefile.js"></script>
<script src="dbf.js"></script>      

更多的詳情見:GIS之家小專欄

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

GIS之家作品店鋪:GIS之家作品店鋪

GIS之家源碼咨詢:GIS之家webgis入門開發系列demo源代碼咨詢