前言
關於本篇功能實現用到的 api 涉及類看不懂的,請參照 esri 官網的 arcgis api 3.x for js:esri 官網 api,里面詳細的介紹 arcgis api 3.x 各個類的介紹,還有就是在線例子:esri 官網在線例子,這個也是學習 arcgis api 3.x 的好素材。
內容概覽
- 基於arcgis aqpi 的 Draw 工具基本繪制
- 拓展 Draw 工具的繪制
- 源代碼 demo 下載
本篇實現地圖態勢標繪功能模塊,截圖如下:
本篇核心的在於調用 arcgis aqpi 的 Draw 工具:Draw
require(["esri/toolbars/draw"], function(Draw) { /* code goes here */ });
構造函數:
new Draw(map, options?)
一般來說,傳參 map 對象進來就行,其他參數可選的,用默認的就行,除非你想專門設置。
默認的可繪制圖形類型常量 Constants:
ARROW Draws an arrow.箭頭
CIRCLE Draws a circle.圓形
DOWN_ARROW Draws an arrow that points down.下箭頭
ELLIPSE Draws an ellipse.橢圓
EXTENT Draws an extent box.矩形
FREEHAND_POLYGON Draws a freehand polygon.手繪多邊形
FREEHAND_POLYLINE Draws a freehand polyline.手繪線
LEFT_ARROW Draws an arrow that points left.左箭頭
LINE Draws a line.線
MULTI_POINT Draws a Multipoint.多點
POINT Draws a point.點
POLYGON Draws a polygon.多邊形
POLYLINE Draws a polyline.折線
RECTANGLE Draws a rectangle.矩形
RIGHT_ARROW Draws an arrow that points right.右鍵頭
TRIANGLE Draws a triangle.三角形
UP_ARROW Draws an arrow that points up.上箭頭
可以設置繪制的符號樣式:
更多的詳情見:GIS之家小專欄
文章尾部提供源代碼下載,對本專欄感興趣的話,可以關注一波