使用Arcgis進行畫面(線)並計算大小(長度)。

 

　　在使用Arcgis API for JavaScript進行做地圖開發的過程中，在地圖進行畫線、畫面是經常使用的功能。本文主要介紹這一功能。

　　本文適用Arcgis API版本：Arcgis API for JS 4.x以上。

•  方案分析：

　　　　首先要初始化 map 和 mapView（2D map）.，之后使用Draw進行畫線、畫面操作，最后把線、面添加到  Graphic  上，完成操作。

• 步驟

1. 首先在html中設置放map的容器。 

 　　　　

　　　2.初始化map和mapView；

 　　　　

　　　3.在畫線還是畫面都需要使用到一個類：Draw;

　　　　　

 　　4.在畫面的過程中需要指定要使用的坐標參考系   spatialReference ;

　

　　開始畫面 geometryEngine  計算面的大小：

 html部分：

 

 JS部分：

 

 

畫線效果展示：

 

 　　因為畫線和畫面的邏輯是一樣的，只是某些值不一樣而已，就不多開篇幅了。

 

　　我在多啰嗦兩句吧。雖然一直在說畫線、畫面，其實   draw.create(drawAction,drawOption?);    還能畫其他的形狀；

　　

　　紅框里的都是可以畫的，點/多點/線/面/矩形/圓/橢圓，都是可以畫的，樣式還是蠻多的。

　　drawOption是可選參數，可以不寫。從官網來看，drawOption暫時只有一個屬性mode，mode有三個值：hybrid，freehand，click。

 

hybrid	可以Click或者拖拽動態可以生成指定的圖形。目前支持的圖形有polyline和polygon。
freehand	指定只有拖拽動作才能生成圖形（想像按住鼠標左鍵一直不松手進行鼠標拖拽。）。目前支持的圖形有polyline和polygon。
click	點擊生成指定的圖形。適用於目前支持的所有圖形。

 

 

有疑問，歡迎留言。。。

 OK，本文到這就結束了 。本文僅供參考，轉載本文請注明出處，謝謝。~~~