天天看點

ArcGIS API for Javascript 3.21地圖開發執行個體(一、圖形繪制和删除及popup彈出層)前言代碼結束語

Arcgis是一個地理系統的平台,可用來進行資料資料展示或二次開發。這裡我們所使用的是Arcgis對于JavaScript的api,也就是web端的api進行開發。我們使用的版本是3.21,這個版本包含了完整的2D地圖的api。如果想對3D地圖進行開發,可以使用4.4版本的api。在這個demo中,我們要完成如下的幾個功能:

基本地圖展示

搜尋功能

圖形繪制

圖形點選顯示詳情

圖形删除

在本篇部落格的結尾可以看到本例的下載下傳連結。

先來看程式的截圖:

首先是頁面打開時:

ArcGIS API for Javascript 3.21地圖開發執行個體(一、圖形繪制和删除及popup彈出層)前言代碼結束語

接下來是使用搜尋功能時:

ArcGIS API for Javascript 3.21地圖開發執行個體(一、圖形繪制和删除及popup彈出層)前言代碼結束語

繪制的圖形:

ArcGIS API for Javascript 3.21地圖開發執行個體(一、圖形繪制和删除及popup彈出層)前言代碼結束語

左鍵點選圖形産生popup:

ArcGIS API for Javascript 3.21地圖開發執行個體(一、圖形繪制和删除及popup彈出層)前言代碼結束語

在右鍵點選圖形的時候彈出删除按鈕:

ArcGIS API for Javascript 3.21地圖開發執行個體(一、圖形繪制和删除及popup彈出層)前言代碼結束語

接下來是程式的完整代碼。除了引入arcGIS包之外,也引入了jquery包,jqeury在本例中并非必需,主要是用于後面執行個體的開發。

簡單的說一下流程:首先建立popup執行個體,接着建立map執行個體,将map的彈出層指定為剛建立的popup執行個體。然後建立地圖圖層和繪制圖層,将地圖圖層和繪制圖層加入到map執行個體中去。在地圖載入時初始化繪制工具欄和右鍵菜單,并且把工具欄和右鍵菜單的事件與繪圖的圖層綁定,這樣之後對圖形的繪制和删除都會在繪制的圖層上進行。接着初始化搜尋框即可。

具體的函數說明都寫到注釋裡了。

繼續閱讀