Drawing Library

ชั้นเรียน DrawingManager

google.maps.drawing.DrawingManager คลาส

อนุญาตให้ผู้ใช้วาดเครื่องหมาย รูปหลายเหลี่ยม เส้นประกอบ สี่เหลี่ยมผืนผ้า และวงกลมบนแผนที่ โหมดการวาดของ DrawingManager กําหนดประเภทของการวางซ้อนที่ผู้ใช้จะสร้าง เพิ่มตัวควบคุมลงในแผนที่ ทําให้ผู้ใช้สามารถเปลี่ยนโหมดการวาดได้

คลาสนี้จะขยาย MVCObject

เข้าถึงได้โดยโทรหา const {DrawingManager} = await google.maps.importLibrary("drawing") โปรดดูไลบรารีใน Maps JavaScript API
DrawingManager
DrawingManager([options])
พารามิเตอร์: 
สร้าง DrawingManager ที่ช่วยให้ผู้ใช้วาดการวางซ้อนลงในแผนที่และสลับระหว่างการวาดประเภทต่างๆ ที่จะวาดด้วยตัวควบคุมภาพวาด
getDrawingMode
getDrawingMode()
พารามิเตอร์: ไม่มี
แสดงผลค่า:  OverlayType|null
แสดงผลโหมดการวาดของ DrawingManager
getMap
getMap()
พารามิเตอร์: ไม่มี
แสดงผลค่า:  Map
แสดงผล Map ที่ DrawingManager แนบอยู่ ซึ่งเป็น Map ที่จะวางการวางซ้อนที่สร้าง
setDrawingMode
setDrawingMode(drawingMode)
พารามิเตอร์: 
ค่าการแสดงผล: ไม่มี
เปลี่ยนโหมดการวาดของ DrawingManager ซึ่งกําหนดประเภทการวางซ้อนที่จะเพิ่มลงในแผนที่ ค่าที่ยอมรับคือ 'marker', 'polygon', 'polyline', 'rectangle', 'circle' หรือ null โหมดการวาดของ null หมายความว่าผู้ใช้จะสามารถโต้ตอบกับแผนที่ได้ตามปกติ และการคลิกจะไม่วาดอะไรเลย
setMap
setMap(map)
พารามิเตอร์: 
ค่าการแสดงผล: ไม่มี
แนบออบเจ็กต์ DrawingManager กับ Map ที่ระบุ
setOptions
setOptions(options)
พารามิเตอร์: 
ค่าการแสดงผล: ไม่มี
ตั้งค่าตัวเลือก DrawingManager
รับค่า: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
circlecomplete
function(circle)
อาร์กิวเมนต์: 
  • circle:  Circle วงกลมที่ผู้ใช้เพิ่งวาด
เหตุการณ์นี้จะเริ่มทํางานเมื่อผู้ใช้วาดวงกลมเสร็จแล้ว
markercomplete
function(marker)
อาร์กิวเมนต์: 
  • marker:  Marker เครื่องหมายที่ผู้ใช้เพิ่งวาด
เหตุการณ์นี้จะเริ่มทํางานเมื่อผู้ใช้วาดเครื่องหมายให้เสร็จ
overlaycomplete
function(event)
อาร์กิวเมนต์: 
  • event:  OverlayCompleteEvent การวางซ้อนที่ผู้ใช้เพิ่งวาด รวมถึงประเภทการวางซ้อน
เหตุการณ์นี้จะเริ่มทํางานเมื่อผู้ใช้วาดการวางซ้อนทุกประเภทเสร็จแล้ว
polygoncomplete
function(polygon)
อาร์กิวเมนต์: 
  • polygon:  Polygon รูปหลายเหลี่ยมที่ผู้ใช้เพิ่งวาด
เหตุการณ์นี้จะเริ่มทํางานเมื่อผู้ใช้วาดรูปหลายเหลี่ยมเสร็จแล้ว
polylinecomplete
function(polyline)
อาร์กิวเมนต์: 
  • polyline:  Polyline เส้นประกอบที่ผู้ใช้เพิ่งวาด
เหตุการณ์นี้จะเริ่มทํางานเมื่อผู้ใช้วาดเส้นเสร็จ
rectanglecomplete
function(rectangle)
อาร์กิวเมนต์: 
  • rectangle:  Rectangle สี่เหลี่ยมผืนผ้าที่ผู้ใช้เพิ่งวาด
เหตุการณ์นี้จะเริ่มทํางานเมื่อผู้ใช้วาดสี่เหลี่ยมผืนผ้าเสร็จแล้ว

อินเทอร์เฟซ DrawingManagerOptions

อินเทอร์เฟซ google.maps.drawing.DrawingManagerOptions

ตัวเลือกสําหรับตัวจัดการภาพวาด
circleOptions optional
ประเภท:  CircleOptions optional
ตัวเลือกในการนําไปใช้กับแวดวงใหม่ที่สร้างด้วย DrawingManager นี้ ระบบจะไม่สนใจพร็อพเพอร์ตี้ center และ radius และจะตั้งค่าพร็อพเพอร์ตี้ map ของวงกลมใหม่เป็นแผนที่ของ DrawingManager เสมอ
drawingControl optional
ประเภท:  boolean optional
ค่าเริ่มต้น: true
สถานะเปิดใช้/ปิดใช้ของตัวควบคุมภาพวาด
drawingControlOptions optional
ประเภท:  DrawingControlOptions optional
ตัวเลือกการแสดงผลสําหรับการควบคุมภาพวาด
drawingMode optional
ประเภท:  OverlayType optional
โหมดการวาดของ DrawingManager ซึ่งกําหนดประเภทการวางซ้อนที่จะเพิ่มลงในแผนที่ ค่าที่ยอมรับคือ 'marker', 'polygon', 'polyline', 'rectangle', 'circle' หรือ null โหมดการวาดของ null หมายความว่าผู้ใช้จะสามารถโต้ตอบกับแผนที่ได้ตามปกติ และการคลิกจะไม่วาดอะไรเลย
map optional
ประเภท:  Map optional
Map ที่แนบ DrawingManager ซึ่งเป็น Map ที่จะวางการวางซ้อนที่สร้างขึ้น
markerOptions optional
ประเภท:  MarkerOptions optional
ตัวเลือกที่จะใช้กับเครื่องหมายใหม่ที่สร้างขึ้นด้วย DrawingManager นี้ ระบบจะไม่สนใจพร็อพเพอร์ตี้ position และตั้งพร็อพเพอร์ตี้ map ของเครื่องหมายใหม่ลงในแผนที่ของ DrawingManager เสมอ
polygonOptions optional
ประเภท:  PolygonOptions optional
ตัวเลือกที่จะใช้กับรูปหลายเหลี่ยมใหม่ที่สร้างด้วย DrawingManager นี้ ระบบจะไม่สนใจพร็อพเพอร์ตี้ paths และจะตั้งค่าพร็อพเพอร์ตี้ map ของรูปหลายเหลี่ยมใหม่ลงในแผนที่ของ DrawingManager เสมอ
polylineOptions optional
ประเภท:  PolylineOptions optional
ตัวเลือกในการใช้กับบรรทัดใหม่ที่สร้างขึ้นด้วย DrawingManager นี้ ระบบจะไม่สนใจพร็อพเพอร์ตี้ path และจะตั้งค่าพร็อพเพอร์ตี้ map ของโพลีไลน์ใหม่ลงในแผนที่ของ DrawingManager เสมอ
rectangleOptions optional
ประเภท:  RectangleOptions optional
ตัวเลือกที่จะใช้กับสี่เหลี่ยมผืนผ้าใหม่ที่สร้างขึ้นด้วย DrawingManager นี้ ระบบจะไม่สนใจพร็อพเพอร์ตี้ bounds และจะตั้งค่าพร็อพเพอร์ตี้ map ของสี่เหลี่ยมผืนผ้าใหม่ลงในแผนที่ของ DrawingManager เสมอ

อินเทอร์เฟซ DrawingControlOptions

อินเทอร์เฟซ google.maps.drawing.DrawingControlOptions

ตัวเลือกสําหรับการแสดงผลการควบคุมภาพวาด
drawingModes optional
ประเภท:  Array<OverlayType> optional
โหมดการวาดที่จะแสดงในการควบคุมภาพวาดตามลําดับที่จะแสดง ไอคอนมือ (ที่ตรงกับโหมดการวาด null) พร้อมใช้งานเสมอและไม่ได้ระบุในอาร์เรย์นี้
position optional
ประเภท:  ControlPosition optional
ค่าเริ่มต้น: ControlPosition.TOP_LEFT
รหัสตําแหน่ง ใช้เพื่อระบุตําแหน่งการควบคุมบนแผนที่

อินเทอร์เฟซสําหรับโฆษณาซ้อนทับให้เสร็จสมบูรณ์

อินเทอร์เฟซ google.maps.drawing.OverlayCompleteEvent

พร็อพเพอร์ตี้ของเหตุการณ์การวางซ้อนใน DrawingManager
overlay
ประเภท:  Marker|Polygon|Polyline|Rectangle|Circle
การวางซ้อนที่เสร็จสมบูรณ์
type
ประเภท:  OverlayType
ประเภทการวางซ้อนที่เสร็จสมบูรณ์

ค่าคงที่ OverlayType

google.maps.drawing.OverlayType ค่าคงที่

ประเภทการวางซ้อนที่ DrawingManager อาจสร้างขึ้น ระบุค่าตามค่าเหล่านี้ หรือใช้ชื่อค่าคงที่ เช่น 'polygon' หรือ google.maps.drawing.OverlayType.POLYGON

เข้าถึงได้โดยโทรหา const {OverlayType} = await google.maps.importLibrary("drawing") โปรดดูไลบรารีใน Maps JavaScript API
CIRCLE ระบุว่า DrawingManager สร้างแวดวง และการวางซ้อนที่ระบุในเหตุการณ์ overlaycomplete เป็นวงกลม
MARKER ระบุว่า DrawingManager จะสร้างเครื่องหมาย และการวางซ้อนที่ระบุในเหตุการณ์ overlaycomplete เป็นเครื่องหมาย
POLYGON ระบุว่า DrawingManager สร้างรูปหลายเหลี่ยม และการวางซ้อนที่ระบุในเหตุการณ์ overlaycomplete เป็นรูปหลายเหลี่ยม
POLYLINE ระบุว่า DrawingManager จะสร้างเส้นประกอบ และการวางซ้อนที่แสดงในเหตุการณ์ overlaycomplete เป็นเส้นประกอบ
RECTANGLE ระบุว่า DrawingManager สร้างสี่เหลี่ยมผืนผ้า และการวางซ้อนที่ระบุในเหตุการณ์ overlaycomplete เป็นสี่เหลี่ยมผืนผ้า