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
รหัสตำแหน่ง ใช้เพื่อระบุตำแหน่งของตัวควบคุมบนแผนที่

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

อินเทอร์เฟซ 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 คือสี่เหลี่ยมผืนผ้า