Drawing Library

DrawingManager class

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
ค่าเริ่มต้น: [OverlayType.MARKER, OverlayType.POLYLINE, OverlayType.RECTANGLE, OverlayType.CIRCLE, OverlayType.POLYGON]
โหมดการวาดที่จะแสดงในการควบคุมการวาดตามลำดับที่จะแสดง ไอคอนมือ (ซึ่งสอดคล้องกับnullโหมดวาด) จะพร้อมใช้งานเสมอและไม่ต้องระบุในอาร์เรย์นี้
position optional
ประเภท:  ControlPosition optional
ค่าเริ่มต้น: ControlPosition.TOP_LEFT
รหัสตำแหน่ง ใช้เพื่อระบุตำแหน่งของตัวควบคุมบนแผนที่

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

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

พร็อพเพอร์ตี้ของเหตุการณ์ overlaycomplete ใน 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 เป็นสี่เหลี่ยมผืนผ้า