Drawing Library

DrawingManager class

google.maps.drawing.DrawingManager class

อนุญาตให้ผู้ใช้วาดเครื่องหมาย รูปหลายเหลี่ยม เส้นประกอบ สี่เหลี่ยมผืนผ้า และวงกลมบนแผนที่ โหมดการวาดของ 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 interface

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 interface

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

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

OverlayCompleteEvent interface

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

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

OverlayType ค่าคงที่

google.maps.drawing.OverlayType constants

ประเภทการวางซ้อนที่ 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 คือสี่เหลี่ยมผืนผ้า