new sg.Draw (map)
Description
建立一個新的Draw 物件，提供經由在地圖上繪圖，增加幾何資料的功能
Position
Draw.js
Parameters
Parameter |
Type |
Description |
map |
MapBase |
目標 MapBase. |
Constants
Constant |
Description |
CIRCLE |
透過滑鼠點擊與拖曳繪製一個圓形。 |
DOWN_ARROW |
透過滑鼠點擊與拖曳繪製一個向下的箭頭。 |
ELLIPSE |
透過滑鼠點擊與拖曳繪製一個橢圓形。 |
EXTENT |
透過滑鼠點擊與拖曳繪製一個矩形框。 |
FREEHAND_POLYGON |
透過滑鼠點擊與拖曳繪製一個多邊形。 |
FREEHAND_LINESTRING |
透過滑鼠點擊與拖曳繪製一條線段。 |
LEFT_ARROW |
透過滑鼠點擊與拖曳繪製一個向左的箭頭。 |
LINE |
透過滑鼠點擊新增節點以繪製一個線段。 |
MULTI_POINT |
透過滑鼠點擊繪製多個點圖形。 |
POINT |
透過滑鼠點擊繪製一個點圖形。 |
POLYGON |
透過滑鼠點擊新增節點以繪製多邊形。 |
LINESTRING |
透過滑鼠點擊新增節點以繪製一個線段。 |
RECTANGLE |
透過滑鼠點擊與拖曳繪製一個矩形。 |
RIGHT_ARROW |
透過滑鼠點擊與拖曳繪製一個向右的箭頭。 |
TRIANGLE |
透過滑鼠點擊與拖曳繪製一個三角形。 |
UP_ARROW |
透過滑鼠點擊與拖曳繪製一個向上的箭頭。 |
ARROW |
透過滑鼠點擊與拖曳繪製一個箭頭。 |
Methods
Method |
Type |
Description |
|||||||||||||||
Active(geometryType,options) |
geometryType:Number options:Object |
啟用繪圖工具。(geometryType請參考Constants列舉)
|
|||||||||||||||
deactivate() |
停止繪圖工具。 |
||||||||||||||||
finishDrawing() |
完成繪圖，並引發draw-end事件。 |
||||||||||||||||
setFillSymbol(fillSymbol) |
sg.symbols.FillSymbol |
定義多邊形或是矩形的填充設定。 |
|||||||||||||||
setLineSymbol(lineSymbol) |
sg.symbols.LineSymbol |
定義線段圖形的設定。 |
|||||||||||||||
setMarkerSymbol(markerSymbol) |
sg.symbols.MarkerSymbol |
定義點或多點圖形的設定。 |
|||||||||||||||
setTooltipContent(content) |
String |
定義工具提示內容 |
|||||||||||||||
tooltipOffset |
Object |
提示框相對於位置的位移，以pixel為單位。 set object
|
Events
Event |
Description |
draw-end |
當繪製結束時呼叫 |
Properties
Properties |
Type |
Description |
geometry |
sg.geometry.Geometry |
|
Example
<script type="text/javascript" src="scripts/Draw.js"></script>
var draw = new sg.Draw(mapbase); //create a trigger event sg.events.on(draw, "draw-end", function (e) { draw.deactivate(); //get the geometry of draw-end event var geometry = e.geometry; draw.activate(sg.Draw.FREEHAND_POLYGON); }); |
|---|
©2015 Supergeo Technologies Inc.