Polygons

คลาสเส้นประกอบ

google.maps.Polyline class

เส้นประกอบคือเส้นที่วางซ้อนกันแบบเชิงเส้นของส่วนของเส้นที่เชื่อมต่อกันบนแผนที่

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

เข้าถึงโดยการโทรหา const {Polyline} = await google.maps.importLibrary("maps") โปรดดูไลบรารีใน Maps JavaScript API

ผู้ผลิต
Polyline	Polyline([opts]) พารามิเตอร์:  opts:  PolylineOptions optional สร้างเส้นประกอบโดยใช้ PolylineOptions ที่ส่งผ่าน ซึ่งจะระบุทั้งเส้นทางของเส้นประกอบและสไตล์การวาดเส้นที่จะใช้เมื่อวาดเส้นประกอบ คุณสามารถส่งอาร์เรย์ของ LatLng หรือ MVCArray ของ LatLng เมื่อสร้างเส้นประกอบได้ แม้ว่าระบบจะแปลงอาร์เรย์แบบง่ายเป็น MVCArray ภายในเส้นประกอบเมื่อสร้างอินสแตนซ์

เมธอด
getDraggable	getDraggable() พารามิเตอร์: ไม่มี ผลลัพธ์:  boolean แสดงผลว่าผู้ใช้ลากรูปร่างนี้ได้หรือไม่
getEditable	getEditable() พารามิเตอร์: ไม่มี ผลลัพธ์:  boolean แสดงผลว่าผู้ใช้แก้ไขรูปร่างนี้ได้หรือไม่
getMap	getMap() พารามิเตอร์: ไม่มี ผลลัพธ์:  Map|null แสดงแผนที่ที่แนบรูปร่างนี้อยู่
getPath	getPath() พารามิเตอร์: ไม่มี ผลลัพธ์:  MVCArray<LatLng> ดึงข้อมูลเส้นทาง
getVisible	getVisible() พารามิเตอร์: ไม่มี ผลลัพธ์:  boolean แสดงผลว่ารูปหลายเหลี่ยมนี้ปรากฏในแผนที่หรือไม่
setDraggable	setDraggable(draggable) พารามิเตอร์:  draggable:  boolean ผลลัพธ์: ไม่มี หากตั้งค่าเป็น true ผู้ใช้จะลากรูปร่างนี้บนแผนที่ได้ พร็อพเพอร์ตี้ geodesic จะกำหนดโหมดการลาก
setEditable	setEditable(editable) พารามิเตอร์:  editable:  boolean ผลลัพธ์: ไม่มี หากตั้งค่าเป็น true ผู้ใช้จะแก้ไขรูปร่างนี้ได้โดยลากจุดควบคุมที่แสดงที่จุดยอดและในแต่ละส่วนของเส้น
setMap	setMap(map) พารามิเตอร์:  map:  Map optional ผลลัพธ์: ไม่มี แสดงผลรูปร่างนี้บนแผนที่ที่ระบุ หากตั้งค่าแผนที่เป็น null ระบบจะนำรูปร่างออก
setOptions	setOptions(options) พารามิเตอร์:  options:  PolylineOptions optional ผลลัพธ์: ไม่มี
setPath	setPath(path) พารามิเตอร์:  path:  MVCArray<LatLng>|Array<LatLng|LatLngLiteral> ผลลัพธ์: ไม่มี ตั้งค่าเส้นทาง ดูรายละเอียดเพิ่มเติมได้ที่ PolylineOptions
setVisible	setVisible(visible) พารามิเตอร์:  visible:  boolean ผลลัพธ์: ไม่มี ซ่อนรูปหลายเหลี่ยมนี้หากตั้งค่าเป็น false
รับค่ามา: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

กิจกรรม
click	function(event) อาร์กิวเมนต์:  event:  PolyMouseEvent เหตุการณ์นี้จะทริกเกอร์เมื่อเหตุการณ์การคลิก DOM ทริกเกอร์ใน Polyline
contextmenu	function(event) อาร์กิวเมนต์:  event:  PolyMouseEvent เหตุการณ์นี้จะทริกเกอร์เมื่อเหตุการณ์ DOM contextmenu ทริกเกอร์ใน Poyline
dblclick	function(event) อาร์กิวเมนต์:  event:  PolyMouseEvent เหตุการณ์นี้จะเริ่มต้นเมื่อเหตุการณ์ DOM dblclick เริ่มต้นใน Polyline
drag	function(event) อาร์กิวเมนต์:  event:  MapMouseEvent ระบบจะเรียกเหตุการณ์นี้ซ้ำๆ ขณะที่ผู้ใช้ลากเส้นประกอบ
dragend	function(event) อาร์กิวเมนต์:  event:  MapMouseEvent เหตุการณ์นี้จะเริ่มต้นเมื่อผู้ใช้หยุดลากเส้นประกอบ
dragstart	function(event) อาร์กิวเมนต์:  event:  MapMouseEvent เหตุการณ์นี้จะเริ่มต้นเมื่อผู้ใช้เริ่มลากเส้นประกอบ
mousedown	function(event) อาร์กิวเมนต์:  event:  PolyMouseEvent เหตุการณ์นี้จะเริ่มต้นขึ้นเมื่อเหตุการณ์ DOM mousedown เริ่มต้นขึ้นใน Polyline
mousemove	function(event) อาร์กิวเมนต์:  event:  PolyMouseEvent เหตุการณ์นี้จะเริ่มต้นขึ้นเมื่อเหตุการณ์ DOM mousemove เริ่มต้นขึ้นใน Polyline
mouseout	function(event) อาร์กิวเมนต์:  event:  PolyMouseEvent เหตุการณ์นี้จะทริกเกอร์เมื่อ Polyline mouseout
mouseover	function(event) อาร์กิวเมนต์:  event:  PolyMouseEvent เหตุการณ์นี้จะทริกเกอร์เมื่อมีการเลื่อนเมาส์เหนือ Polyline
mouseup	function(event) อาร์กิวเมนต์:  event:  PolyMouseEvent เหตุการณ์นี้จะเริ่มต้นขึ้นเมื่อเหตุการณ์ DOM mouseup เริ่มต้นขึ้นใน Polyline
rightclick	เลิกใช้งานแล้ว: ใช้เหตุการณ์ Polyline.contextmenu แทนเพื่อรองรับรูปแบบการใช้งาน เช่น การคลิกด้วยแป้น Control ใน macOS function(event) อาร์กิวเมนต์:  event:  PolyMouseEvent เหตุการณ์นี้จะเริ่มต้นเมื่อคลิกขวาที่เส้นประกอบ

PolylineOptions interface

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

ออบเจ็กต์ PolylineOptions ที่ใช้เพื่อกำหนดพร็อพเพอร์ตี้ที่ตั้งค่าได้ใน Polyline

พร็อพเพอร์ตี้
clickable optional	ประเภท:  boolean optional ค่าเริ่มต้น: true ระบุว่า Polyline นี้จัดการเหตุการณ์เมาส์หรือไม่
draggable optional	ประเภท:  boolean optional ค่าเริ่มต้น: false หากตั้งค่าเป็น true ผู้ใช้จะลากรูปร่างนี้บนแผนที่ได้ พร็อพเพอร์ตี้ geodesic จะกำหนดโหมดการลาก
editable optional	ประเภท:  boolean optional ค่าเริ่มต้น: false หากตั้งค่าเป็น true ผู้ใช้จะแก้ไขรูปร่างนี้ได้โดยลากจุดควบคุมที่แสดงที่จุดยอดและในแต่ละส่วนของเส้น
geodesic optional	ประเภท:  boolean optional ค่าเริ่มต้น: false เมื่อเป็น true ระบบจะตีความขอบของรูปหลายเหลี่ยมเป็นทรงลูกโลกและจะเป็นไปตามความโค้งของพื้นผิวโลก เมื่อ false ระบบจะแสดงผลขอบของรูปหลายเหลี่ยมเป็นเส้นตรงในพื้นที่หน้าจอ โปรดทราบว่ารูปร่างของรูปหลายเหลี่ยมเชิงเรขาคณิตอาจดูเหมือนจะเปลี่ยนแปลงเมื่อลาก เนื่องจากมิติข้อมูลจะคงที่ตามพื้นผิวโลก
icons optional	ประเภท:  Array<IconSequence> optional ไอคอนที่จะแสดงผลตามเส้นประกอบ
map optional	ประเภท:  Map optional แผนที่ที่จะแสดงเส้นประกอบ
path optional	ประเภท:  MVCArray<LatLng>|Array<LatLng|LatLngLiteral> optional ลำดับพิกัดของเส้นประกอบ เส้นทางนี้อาจระบุโดยใช้อาร์เรย์ LatLng ธรรมดาหรือ MVCArray ของ LatLng โปรดทราบว่าหากคุณส่งอาร์เรย์แบบง่าย ระบบจะแปลงเป็น MVCArray การเพิ่มหรือนำ LatLng ออกจาก MVCArray จะอัปเดตเส้นประกอบบนแผนที่โดยอัตโนมัติ
strokeColor optional	ประเภท:  string optional สีเส้น ระบบรองรับสี CSS3 ทั้งหมด ยกเว้นสีที่มีชื่อเพิ่มเติม
strokeOpacity optional	ประเภท:  number optional ความทึบแสงของเส้นขอบระหว่าง 0.0 ถึง 1.0
strokeWeight optional	ประเภท:  number optional ความหนาของเส้นเป็นพิกเซล
visible optional	ประเภท:  boolean optional ค่าเริ่มต้น: true แสดงเส้นประกอบนี้บนแผนที่หรือไม่
zIndex optional	ประเภท:  number optional zIndex เมื่อเทียบกับรูปหลายเหลี่ยมอื่นๆ

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

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

อธิบายวิธีแสดงผลไอคอนในบรรทัด

หากรูปหลายเส้นเป็นเส้น geodesic ระบบจะคำนวณระยะทางที่ระบุสำหรับทั้งระยะห่างและจำนวนซ้ำเป็นเมตรโดยค่าเริ่มต้น การตั้งค่าการเลื่อนหรือค่าซ้ำเป็นค่าพิกเซลจะทำให้ระบบคำนวณระยะทางเป็นพิกเซลบนหน้าจอ

พร็อพเพอร์ตี้
fixedRotation optional	ประเภท:  boolean optional ค่าเริ่มต้น: false หากเป็น true ไอคอนแต่ละรายการในลำดับจะมีการหมุนแบบคงที่เหมือนกัน ไม่ว่าจะวางไอคอนไว้ที่มุมใดก็ตาม หากเป็น false ระบบจะหมุนไอคอนแต่ละรายการในลําดับให้สอดคล้องกับขอบ
icon optional	ประเภท:  Symbol optional ไอคอนที่จะแสดงผลบนเส้น
offset optional	ประเภท:  string optional ค่าเริ่มต้น: '100%' ระยะทางจากจุดเริ่มต้นของเส้นที่จะแสดงผลไอคอน ระยะทางนี้อาจแสดงเป็นเปอร์เซ็นต์ของความยาวของเส้น (เช่น "50%") หรือเป็นพิกเซล (เช่น "50px")
repeat optional	ประเภท:  string optional ค่าเริ่มต้น: 0 ระยะห่างระหว่างไอคอนที่อยู่ติดกันบนเส้น ระยะทางนี้อาจแสดงเป็นเปอร์เซ็นต์ของความยาวของเส้น (เช่น "50%") หรือเป็นพิกเซล (เช่น "50px") หากต้องการปิดใช้ไอคอนซ้ำ ให้ระบุ "0"

Polygon class

google.maps.Polygon class

รูปหลายเหลี่ยม (เช่น เส้นประกอบ) จะกำหนดชุดพิกัดที่เชื่อมต่อกันตามลำดับ นอกจากนี้ รูปหลายเหลี่ยมยังสร้างลูปปิดและกำหนดขอบเขตที่เติม ดูตัวอย่างในคู่มือนักพัฒนาซอฟต์แวร์ โดยเริ่มจากรูปหลายเหลี่ยมธรรมดา รูปหลายเหลี่ยมที่มีรู และอื่นๆ โปรดทราบว่าคุณใช้เลเยอร์ข้อมูลเพื่อสร้างรูปหลายเหลี่ยมได้ด้วย เลเยอร์ข้อมูลมีวิธีสร้างรูที่ง่ายกว่าเนื่องจากจะจัดการลําดับของเส้นทางด้านในและด้านนอกให้คุณ

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

เข้าถึงโดยการโทรหา const {Polygon} = await google.maps.importLibrary("maps") โปรดดูไลบรารีใน Maps JavaScript API

ผู้ผลิต

Polygon

Polygon([opts]) พารามิเตอร์:  opts:  PolygonOptions optional สร้างรูปหลายเหลี่ยมโดยใช้ PolygonOptions ที่ส่งผ่าน ซึ่งระบุเส้นทางของรูปหลายเหลี่ยม รูปแบบเส้นขอบสำหรับขอบของรูปหลายเหลี่ยม และรูปแบบการเติมสำหรับบริเวณภายในของรูปหลายเหลี่ยม รูปหลายเหลี่ยมอาจมีเส้นทางอย่างน้อย 1 เส้นทาง โดยแต่ละเส้นทางประกอบด้วยอาร์เรย์ของ LatLng คุณสามารถส่งอาร์เรย์ของ LatLng หรือ MVCArray ของ LatLng เมื่อสร้างเส้นทางเหล่านี้ ระบบจะแปลงอาร์เรย์เป็น MVCArray ภายในรูปหลายเหลี่ยมเมื่อสร้างอินสแตนซ์

เมธอด
getDraggable	getDraggable() พารามิเตอร์: ไม่มี ผลลัพธ์:  boolean แสดงผลว่าผู้ใช้ลากรูปร่างนี้ได้หรือไม่
getEditable	getEditable() พารามิเตอร์: ไม่มี ผลลัพธ์:  boolean แสดงผลว่าผู้ใช้แก้ไขรูปร่างนี้ได้หรือไม่
getMap	getMap() พารามิเตอร์: ไม่มี ผลลัพธ์:  Map|null แสดงแผนที่ที่แนบรูปร่างนี้อยู่
getPath	getPath() พารามิเตอร์: ไม่มี ผลลัพธ์:  MVCArray<LatLng> ดึงข้อมูลเส้นทางแรก
getPaths	getPaths() พารามิเตอร์: ไม่มี ผลลัพธ์:  MVCArray<MVCArray<LatLng>> ดึงข้อมูลเส้นทางของรูปหลายเหลี่ยมนี้
getVisible	getVisible() พารามิเตอร์: ไม่มี ผลลัพธ์:  boolean แสดงผลว่ารูปหลายเหลี่ยมนี้ปรากฏในแผนที่หรือไม่
setDraggable	setDraggable(draggable) พารามิเตอร์:  draggable:  boolean ผลลัพธ์: ไม่มี หากตั้งค่าเป็น true ผู้ใช้จะลากรูปร่างนี้บนแผนที่ได้ พร็อพเพอร์ตี้ geodesic จะกำหนดโหมดการลาก
setEditable	setEditable(editable) พารามิเตอร์:  editable:  boolean ผลลัพธ์: ไม่มี หากตั้งค่าเป็น true ผู้ใช้จะแก้ไขรูปร่างนี้ได้โดยลากจุดควบคุมที่แสดงที่จุดยอดและในแต่ละส่วนของเส้น
setMap	setMap(map) พารามิเตอร์:  map:  Map optional ผลลัพธ์: ไม่มี แสดงผลรูปร่างนี้บนแผนที่ที่ระบุ หากตั้งค่าแผนที่เป็น null ระบบจะนำรูปร่างออก
setOptions	setOptions(options) พารามิเตอร์:  options:  PolygonOptions optional ผลลัพธ์: ไม่มี
setPath	setPath(path) พารามิเตอร์:  path:  MVCArray<LatLng>|Array<LatLng|LatLngLiteral> ผลลัพธ์: ไม่มี ตั้งค่าเส้นทางแรก ดูรายละเอียดเพิ่มเติมได้ที่ PolygonOptions
setPaths	setPaths(paths) พารามิเตอร์:  paths:  MVCArray<MVCArray<LatLng>>|MVCArray<LatLng>|Array<Array<LatLng|LatLngLiteral>>|Array<LatLng|LatLngLiteral> ผลลัพธ์: ไม่มี ตั้งค่าเส้นทางสําหรับรูปหลายเหลี่ยมนี้
setVisible	setVisible(visible) พารามิเตอร์:  visible:  boolean ผลลัพธ์: ไม่มี ซ่อนรูปหลายเหลี่ยมนี้หากตั้งค่าเป็น false
รับค่ามา: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

กิจกรรม
click	function(event) อาร์กิวเมนต์:  event:  PolyMouseEvent เหตุการณ์นี้จะทริกเกอร์เมื่อเหตุการณ์การคลิก DOM ทริกเกอร์ในรูปหลายเหลี่ยม
contextmenu	function(event) อาร์กิวเมนต์:  event:  PolyMouseEvent เหตุการณ์นี้จะเริ่มต้นขึ้นเมื่อเหตุการณ์ DOM contextmenu เริ่มต้นขึ้นในรูปหลายเหลี่ยม
dblclick	function(event) อาร์กิวเมนต์:  event:  PolyMouseEvent เหตุการณ์นี้จะทริกเกอร์เมื่อเหตุการณ์ DOM dblclick ทริกเกอร์ในรูปหลายเหลี่ยม
drag	function(event) อาร์กิวเมนต์:  event:  MapMouseEvent เหตุการณ์นี้จะทริกเกอร์ซ้ำๆ ขณะที่ผู้ใช้ลากรูปหลายเหลี่ยม
dragend	function(event) อาร์กิวเมนต์:  event:  MapMouseEvent เหตุการณ์นี้จะเริ่มต้นเมื่อผู้ใช้หยุดลากรูปหลายเหลี่ยม
dragstart	function(event) อาร์กิวเมนต์:  event:  MapMouseEvent เหตุการณ์นี้จะเริ่มต้นเมื่อผู้ใช้เริ่มลากรูปหลายเหลี่ยม
mousedown	function(event) อาร์กิวเมนต์:  event:  PolyMouseEvent เหตุการณ์นี้จะเริ่มต้นขึ้นเมื่อเหตุการณ์ DOM mousedown เริ่มต้นขึ้นในรูปหลายเหลี่ยม
mousemove	function(event) อาร์กิวเมนต์:  event:  PolyMouseEvent เหตุการณ์นี้จะเริ่มต้นขึ้นเมื่อเหตุการณ์ DOM mousemove เริ่มต้นขึ้นในรูปหลายเหลี่ยม
mouseout	function(event) อาร์กิวเมนต์:  event:  PolyMouseEvent เหตุการณ์นี้จะทริกเกอร์เมื่อมีการออกจากพ polygon
mouseover	function(event) อาร์กิวเมนต์:  event:  PolyMouseEvent เหตุการณ์นี้จะทริกเกอร์เมื่อมีการเลื่อนเมาส์เหนือรูปหลายเหลี่ยม
mouseup	function(event) อาร์กิวเมนต์:  event:  PolyMouseEvent เหตุการณ์นี้จะเริ่มต้นขึ้นเมื่อเหตุการณ์ DOM mouseup เริ่มต้นขึ้นในรูปหลายเหลี่ยม
rightclick	เลิกใช้งานแล้ว: ใช้เหตุการณ์ Polygon.contextmenu แทนเพื่อรองรับรูปแบบการใช้งาน เช่น การคลิกด้วยแป้น Control ใน macOS function(event) อาร์กิวเมนต์:  event:  PolyMouseEvent เหตุการณ์นี้จะเริ่มต้นเมื่อคลิกขวาที่รูปหลายเหลี่ยม

PolygonOptions interface

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

ออบเจ็กต์ PolygonOptions ที่ใช้กำหนดพร็อพเพอร์ตี้ที่ตั้งค่าได้ในรูปหลายเหลี่ยม

พร็อพเพอร์ตี้
clickable optional	ประเภท:  boolean optional ค่าเริ่มต้น: true ระบุว่า Polygon นี้จัดการเหตุการณ์เมาส์หรือไม่
draggable optional	ประเภท:  boolean optional ค่าเริ่มต้น: false หากตั้งค่าเป็น true ผู้ใช้จะลากรูปร่างนี้บนแผนที่ได้ พร็อพเพอร์ตี้ geodesic จะกำหนดโหมดการลาก
editable optional	ประเภท:  boolean optional ค่าเริ่มต้น: false หากตั้งค่าเป็น true ผู้ใช้จะแก้ไขรูปร่างนี้ได้โดยลากจุดควบคุมที่แสดงที่จุดยอดและในแต่ละส่วนของเส้น
fillColor optional	ประเภท:  string optional สีเติม ระบบรองรับสี CSS3 ทั้งหมด ยกเว้นสีที่มีชื่อเพิ่มเติม
fillOpacity optional	ประเภท:  number optional ความโปร่งแสงของสีเติมระหว่าง 0.0 ถึง 1.0
geodesic optional	ประเภท:  boolean optional ค่าเริ่มต้น: false เมื่อเป็น true ระบบจะตีความขอบของรูปหลายเหลี่ยมเป็นทรงลูกโลกและจะเป็นไปตามความโค้งของพื้นผิวโลก เมื่อ false ระบบจะแสดงผลขอบของรูปหลายเหลี่ยมเป็นเส้นตรงในพื้นที่หน้าจอ โปรดทราบว่ารูปร่างของรูปหลายเหลี่ยมเชิงเรขาคณิตอาจดูเหมือนจะเปลี่ยนแปลงเมื่อลาก เนื่องจากมิติข้อมูลจะคงที่ตามพื้นผิวโลก
map optional	ประเภท:  Map optional แผนที่ที่จะแสดงรูปหลายเหลี่ยม
paths optional	ประเภท:  MVCArray<MVCArray<LatLng>>|MVCArray<LatLng>|Array<Array<LatLng|LatLngLiteral>>|Array<LatLng|LatLngLiteral> optional ลำดับพิกัดตามลําดับที่กําหนดเป็นลูปปิด รูปหลายเหลี่ยมอาจประกอบด้วยเส้นทางอย่างน้อย 1 เส้นทาง ซึ่งแตกต่างจากเส้นประกอบ พร็อพเพอร์ตี้เส้นทางจึงอาจระบุอาร์เรย์ของพิกัด LatLng อย่างน้อย 1 รายการ ระบบจะปิดเส้นทางโดยอัตโนมัติ ดังนั้นอย่าใช้จุดยอดแรกเป็นจุดยอดสุดท้ายซ้ำ คุณสามารถกําหนดรูปหลายเหลี่ยมธรรมดาได้โดยใช้อาร์เรย์ LatLng รายการเดียว รูปหลายเหลี่ยมที่ซับซ้อนมากขึ้นอาจระบุอาร์เรย์ของอาร์เรย์ ระบบจะแปลงอาร์เรย์แบบง่ายเป็น MVCArray การป้อนหรือนำ LatLng ออกจาก MVCArray จะอัปเดตรูปหลายเหลี่ยมบนแผนที่โดยอัตโนมัติ
strokeColor optional	ประเภท:  string optional สีเส้น ระบบรองรับสี CSS3 ทั้งหมด ยกเว้นสีที่มีชื่อเพิ่มเติม
strokeOpacity optional	ประเภท:  number optional ความทึบแสงของเส้นระหว่าง 0.0 ถึง 1.0
strokePosition optional	ประเภท:  StrokePosition optional ค่าเริ่มต้น: StrokePosition.CENTER ตำแหน่งของเส้นขีด
strokeWeight optional	ประเภท:  number optional ความหนาของเส้นเป็นพิกเซล
visible optional	ประเภท:  boolean optional ค่าเริ่มต้น: true รูปหลายเหลี่ยมนี้แสดงบนแผนที่หรือไม่
zIndex optional	ประเภท:  number optional zIndex เมื่อเทียบกับรูปหลายเหลี่ยมอื่นๆ

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

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

ระบบจะแสดงผลออบเจ็กต์นี้จากเหตุการณ์เมาส์บนเส้นประกอบและรูปหลายเหลี่ยม

อินเทอร์เฟซนี้ขยายจาก MapMouseEvent

พร็อพเพอร์ตี้
edge optional	ประเภท:  number optional ดัชนีของขอบภายในเส้นทางใต้เคอร์เซอร์เมื่อเกิดเหตุการณ์ขึ้น หากเหตุการณ์เกิดขึ้นที่จุดกึ่งกลางของรูปหลายเหลี่ยมที่แก้ไขได้
path optional	ประเภท:  number optional ดัชนีของเส้นทางใต้เคอร์เซอร์เมื่อเกิดเหตุการณ์ขึ้น หากเหตุการณ์เกิดขึ้นที่จุดยอดและรูปหลายเหลี่ยมแก้ไขได้ หรือ undefined
vertex optional	ประเภท:  number optional ดัชนีของจุดยอดใต้เคอร์เซอร์เมื่อเกิดเหตุการณ์ขึ้น หากเหตุการณ์เกิดขึ้นที่จุดยอดและสามารถแก้ไขเส้นประกอบหรือรูปหลายเหลี่ยมได้ หากเหตุการณ์ไม่ได้เกิดขึ้นที่จุดยอด ค่าจะเป็น undefined
รับค่ามา: domEvent, latLng

เมธอด
รับค่า: stop

Rectangle class

google.maps.Rectangle class

การซ้อนทับสี่เหลี่ยมผืนผ้า

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

เข้าถึงโดยการโทรหา const {Rectangle} = await google.maps.importLibrary("maps") โปรดดูไลบรารีใน Maps JavaScript API

ผู้ผลิต
Rectangle	Rectangle([opts]) พารามิเตอร์:  opts:  RectangleOptions optional สร้างสี่เหลี่ยมผืนผ้าโดยใช้ RectangleOptions ที่ส่งผ่าน ซึ่งระบุขอบเขตและสไตล์

เมธอด
getBounds	getBounds() พารามิเตอร์: ไม่มี ผลลัพธ์:  LatLngBounds|null แสดงผลขอบเขตของสี่เหลี่ยมผืนผ้านี้
getDraggable	getDraggable() พารามิเตอร์: ไม่มี ผลลัพธ์:  boolean แสดงผลว่าผู้ใช้สามารถลากสี่เหลี่ยมผืนผ้านี้ได้หรือไม่
getEditable	getEditable() พารามิเตอร์: ไม่มี ผลลัพธ์:  boolean แสดงผลว่าผู้ใช้แก้ไขสี่เหลี่ยมผืนผ้านี้ได้หรือไม่
getMap	getMap() พารามิเตอร์: ไม่มี ผลลัพธ์:  Map|null แสดงแผนที่ที่สี่เหลี่ยมผืนผ้านี้แสดงอยู่
getVisible	getVisible() พารามิเตอร์: ไม่มี ผลลัพธ์:  boolean แสดงผลว่าสี่เหลี่ยมผืนผ้านี้มองเห็นได้ในแผนที่หรือไม่
setBounds	setBounds(bounds) พารามิเตอร์:  bounds:  LatLngBounds|LatLngBoundsLiteral optional ผลลัพธ์: ไม่มี ตั้งค่าขอบเขตของสี่เหลี่ยมผืนผ้านี้
setDraggable	setDraggable(draggable) พารามิเตอร์:  draggable:  boolean ผลลัพธ์: ไม่มี หากตั้งค่าเป็น true ผู้ใช้จะลากสี่เหลี่ยมผืนผ้านี้บนแผนที่ได้
setEditable	setEditable(editable) พารามิเตอร์:  editable:  boolean ผลลัพธ์: ไม่มี หากตั้งค่าเป็น true ผู้ใช้จะแก้ไขสี่เหลี่ยมผืนผ้านี้ได้โดยลากจุดควบคุมที่แสดงที่มุมและที่ขอบแต่ละด้าน
setMap	setMap(map) พารามิเตอร์:  map:  Map optional ผลลัพธ์: ไม่มี แสดงผลสี่เหลี่ยมผืนผ้าบนแผนที่ที่ระบุ หากตั้งค่าแผนที่เป็น null ระบบจะนำสี่เหลี่ยมผืนผ้าออก
setOptions	setOptions(options) พารามิเตอร์:  options:  RectangleOptions optional ผลลัพธ์: ไม่มี
setVisible	setVisible(visible) พารามิเตอร์:  visible:  boolean ผลลัพธ์: ไม่มี ซ่อนสี่เหลี่ยมผืนผ้านี้หากตั้งค่าเป็น false
รับค่ามา: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

กิจกรรม
bounds_changed	function() อาร์กิวเมนต์: ไม่มี เหตุการณ์นี้จะทริกเกอร์เมื่อมีการเปลี่ยนแปลงขอบเขตของสี่เหลี่ยมผืนผ้า
click	function(event) อาร์กิวเมนต์:  event:  MapMouseEvent เหตุการณ์นี้จะเริ่มต้นเมื่อเหตุการณ์การคลิก DOM เริ่มต้นในสี่เหลี่ยมผืนผ้า
contextmenu	function(event) อาร์กิวเมนต์:  event:  MapMouseEvent เหตุการณ์นี้จะเริ่มต้นขึ้นเมื่อมีการเรียกเหตุการณ์ DOM contextmenu ในสี่เหลี่ยมผืนผ้า
dblclick	function(event) อาร์กิวเมนต์:  event:  MapMouseEvent เหตุการณ์นี้จะเริ่มต้นเมื่อเหตุการณ์ DOM dblclick เริ่มต้นในสี่เหลี่ยมผืนผ้า
drag	function(event) อาร์กิวเมนต์:  event:  MapMouseEvent ระบบจะเรียกเหตุการณ์นี้ซ้ำๆ ขณะที่ผู้ใช้ลากสี่เหลี่ยมผืนผ้า
dragend	function(event) อาร์กิวเมนต์:  event:  MapMouseEvent เหตุการณ์นี้จะเริ่มต้นเมื่อผู้ใช้หยุดลากสี่เหลี่ยมผืนผ้า
dragstart	function(event) อาร์กิวเมนต์:  event:  MapMouseEvent เหตุการณ์นี้จะเริ่มต้นเมื่อผู้ใช้เริ่มลากสี่เหลี่ยมผืนผ้า
mousedown	function(event) อาร์กิวเมนต์:  event:  MapMouseEvent เหตุการณ์นี้จะเริ่มต้นขึ้นเมื่อเหตุการณ์ DOM mousedown เริ่มต้นขึ้นในสี่เหลี่ยมผืนผ้า
mousemove	function(event) อาร์กิวเมนต์:  event:  MapMouseEvent เหตุการณ์นี้จะเริ่มต้นขึ้นเมื่อเหตุการณ์ DOM mousemove เริ่มต้นขึ้นในสี่เหลี่ยมผืนผ้า
mouseout	function(event) อาร์กิวเมนต์:  event:  MapMouseEvent เหตุการณ์นี้จะทํางานเมื่อมีการออกจากสี่เหลี่ยมผืนผ้า
mouseover	function(event) อาร์กิวเมนต์:  event:  MapMouseEvent เหตุการณ์นี้จะทํางานเมื่อวางเมาส์เหนือสี่เหลี่ยมผืนผ้า
mouseup	function(event) อาร์กิวเมนต์:  event:  MapMouseEvent เหตุการณ์นี้จะเริ่มต้นขึ้นเมื่อเหตุการณ์ DOM mouseup เริ่มต้นขึ้นบนสี่เหลี่ยมผืนผ้า
rightclick	เลิกใช้งานแล้ว: ใช้เหตุการณ์ Rectangle.contextmenu แทนเพื่อรองรับรูปแบบการใช้งาน เช่น การคลิกด้วยแป้น Control ใน macOS function(event) อาร์กิวเมนต์:  event:  MapMouseEvent เหตุการณ์นี้จะเริ่มต้นเมื่อคลิกขวาที่สี่เหลี่ยมผืนผ้า

RectangleOptions interface

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

ออบเจ็กต์ RectangleOptions ที่ใช้กำหนดพร็อพเพอร์ตี้ที่ตั้งค่าในสี่เหลี่ยมผืนผ้าได้

พร็อพเพอร์ตี้
bounds optional	ประเภท:  LatLngBounds|LatLngBoundsLiteral optional ขอบเขต
clickable optional	ประเภท:  boolean optional ค่าเริ่มต้น: true ระบุว่า Rectangle นี้จัดการเหตุการณ์เมาส์หรือไม่
draggable optional	ประเภท:  boolean optional ค่าเริ่มต้น: false หากตั้งค่าเป็น true ผู้ใช้จะลากสี่เหลี่ยมผืนผ้านี้บนแผนที่ได้
editable optional	ประเภท:  boolean optional ค่าเริ่มต้น: false หากตั้งค่าเป็น true ผู้ใช้จะแก้ไขสี่เหลี่ยมผืนผ้านี้ได้โดยลากจุดควบคุมที่แสดงที่มุมและที่ขอบแต่ละด้าน
fillColor optional	ประเภท:  string optional สีเติม ระบบรองรับสี CSS3 ทั้งหมด ยกเว้นสีที่มีชื่อเพิ่มเติม
fillOpacity optional	ประเภท:  number optional ความโปร่งแสงของสีเติมระหว่าง 0.0 ถึง 1.0
map optional	ประเภท:  Map optional แผนที่ที่จะแสดงสี่เหลี่ยมผืนผ้า
strokeColor optional	ประเภท:  string optional สีเส้น ระบบรองรับสี CSS3 ทั้งหมด ยกเว้นสีที่มีชื่อเพิ่มเติม
strokeOpacity optional	ประเภท:  number optional ความทึบแสงของเส้นระหว่าง 0.0 ถึง 1.0
strokePosition optional	ประเภท:  StrokePosition optional ค่าเริ่มต้น: StrokePosition.CENTER ตำแหน่งของเส้นขีด
strokeWeight optional	ประเภท:  number optional ความหนาของเส้นเป็นพิกเซล
visible optional	ประเภท:  boolean optional ค่าเริ่มต้น: true สี่เหลี่ยมผืนผ้านี้ปรากฏบนแผนที่หรือไม่
zIndex optional	ประเภท:  number optional zIndex เมื่อเทียบกับรูปหลายเหลี่ยมอื่นๆ

Circle class

google.maps.Circle class

วงกลมบนพื้นผิวโลก หรือเรียกอีกอย่างว่า "แคปทรงกลม"

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

เข้าถึงโดยการโทรหา const {Circle} = await google.maps.importLibrary("maps") โปรดดูไลบรารีใน Maps JavaScript API

ผู้ผลิต
Circle	Circle([circleOrCircleOptions]) พารามิเตอร์:  circleOrCircleOptions:  Circle|CircleLiteral|CircleOptions optional สร้างวงกลมโดยใช้ CircleOptions ที่ส่งผ่าน ซึ่งระบุจุดศูนย์กลาง รัศมี และสไตล์

เมธอด
getBounds	getBounds() พารามิเตอร์: ไม่มี ผลลัพธ์:  LatLngBounds|null รับ LatLngBounds ของวงกลมนี้
getCenter	getCenter() พารามิเตอร์: ไม่มี ผลลัพธ์:  LatLng|null แสดงผลจุดศูนย์กลางของวงกลมนี้
getDraggable	getDraggable() พารามิเตอร์: ไม่มี ผลลัพธ์:  boolean แสดงผลว่าผู้ใช้สามารถลากวงกลมนี้ได้หรือไม่
getEditable	getEditable() พารามิเตอร์: ไม่มี ผลลัพธ์:  boolean แสดงผลว่าผู้ใช้แก้ไขวงกลมนี้ได้หรือไม่
getMap	getMap() พารามิเตอร์: ไม่มี ผลลัพธ์:  Map|null แสดงผลแผนที่ที่มีการแสดงวงกลมนี้
getRadius	getRadius() พารามิเตอร์: ไม่มี ผลลัพธ์:  number แสดงผลรัศมีของวงกลมนี้ (เป็นเมตร)
getVisible	getVisible() พารามิเตอร์: ไม่มี ผลลัพธ์:  boolean แสดงผลว่าวงกลมนี้มองเห็นได้ในแผนที่หรือไม่
setCenter	setCenter(center) พารามิเตอร์:  center:  LatLng|LatLngLiteral optional ผลลัพธ์: ไม่มี ตั้งค่าจุดศูนย์กลางของวงกลมนี้
setDraggable	setDraggable(draggable) พารามิเตอร์:  draggable:  boolean ผลลัพธ์: ไม่มี หากตั้งค่าเป็น true ผู้ใช้จะลากวงกลมนี้บนแผนที่ได้
setEditable	setEditable(editable) พารามิเตอร์:  editable:  boolean ผลลัพธ์: ไม่มี หากตั้งค่าเป็น true ผู้ใช้จะแก้ไขวงกลมนี้ได้โดยการลากจุดควบคุมที่แสดงที่กึ่งกลางและรอบเส้นรอบวงของวงกลม
setMap	setMap(map) พารามิเตอร์:  map:  Map optional ผลลัพธ์: ไม่มี แสดงผลวงกลมบนแผนที่ที่ระบุ หากตั้งค่าแผนที่เป็น null ระบบจะนำวงกลมออก
setOptions	setOptions(options) พารามิเตอร์:  options:  CircleOptions optional ผลลัพธ์: ไม่มี
setRadius	setRadius(radius) พารามิเตอร์:  radius:  number ผลลัพธ์: ไม่มี ตั้งค่ารัศมีของวงกลมนี้ (หน่วยเป็นเมตร)
setVisible	setVisible(visible) พารามิเตอร์:  visible:  boolean ผลลัพธ์: ไม่มี ซ่อนวงกลมนี้หากตั้งค่าเป็น false
รับค่ามา: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

กิจกรรม
center_changed	function() อาร์กิวเมนต์: ไม่มี เหตุการณ์นี้จะทริกเกอร์เมื่อมีการทําการเปลี่ยนแปลงจุดศูนย์กลางของวงกลม
click	function(event) อาร์กิวเมนต์:  event:  MapMouseEvent เหตุการณ์นี้จะเริ่มต้นเมื่อเหตุการณ์การคลิก DOM เริ่มต้นในวงกลม
dblclick	function(event) อาร์กิวเมนต์:  event:  MapMouseEvent เหตุการณ์นี้จะเริ่มต้นเมื่อเหตุการณ์ DOM dblclick เริ่มต้นในวงกลม
drag	function(event) อาร์กิวเมนต์:  event:  MapMouseEvent เหตุการณ์นี้จะทริกเกอร์ซ้ำๆ ขณะที่ผู้ใช้ลากวงกลม
dragend	function(event) อาร์กิวเมนต์:  event:  MapMouseEvent เหตุการณ์นี้จะทริกเกอร์เมื่อผู้ใช้หยุดลากวงกลม
dragstart	function(event) อาร์กิวเมนต์:  event:  MapMouseEvent เหตุการณ์นี้จะเริ่มต้นเมื่อผู้ใช้เริ่มลากวงกลม
mousedown	function(event) อาร์กิวเมนต์:  event:  MapMouseEvent เหตุการณ์นี้จะเริ่มต้นเมื่อเหตุการณ์ DOM mousedown เริ่มต้นในวงกลม
mousemove	function(event) อาร์กิวเมนต์:  event:  MapMouseEvent เหตุการณ์นี้จะเริ่มต้นเมื่อเหตุการณ์ DOM mousemove เริ่มต้นในวงกลม
mouseout	function(event) อาร์กิวเมนต์:  event:  MapMouseEvent เหตุการณ์นี้จะทํางานเมื่อมีการออกจากวงกลม
mouseover	function(event) อาร์กิวเมนต์:  event:  MapMouseEvent เหตุการณ์นี้จะทํางานเมื่อมีการเลื่อนเมาส์เหนือวงกลม
mouseup	function(event) อาร์กิวเมนต์:  event:  MapMouseEvent เหตุการณ์นี้จะเริ่มต้นเมื่อเหตุการณ์ DOM mouseup เริ่มต้นในวงกลม
radius_changed	function() อาร์กิวเมนต์: ไม่มี ระบบจะเรียกเหตุการณ์นี้เมื่อรัศมีของวงกลมมีการเปลี่ยนแปลง
rightclick	function(event) อาร์กิวเมนต์:  event:  MapMouseEvent เหตุการณ์นี้จะเริ่มต้นเมื่อคลิกขวาที่วงกลม

CircleOptions interface

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

ออบเจ็กต์ CircleOptions ที่ใช้กำหนดพร็อพเพอร์ตี้ที่ตั้งค่าได้ในวงกลม

พร็อพเพอร์ตี้
center optional	ประเภท:  LatLng|LatLngLiteral optional ศูนย์กลางของวงกลม
clickable optional	ประเภท:  boolean optional ค่าเริ่มต้น: true ระบุว่า Circle นี้จัดการเหตุการณ์เมาส์หรือไม่
draggable optional	ประเภท:  boolean optional ค่าเริ่มต้น: false หากตั้งค่าเป็น true ผู้ใช้จะลากวงกลมนี้บนแผนที่ได้
editable optional	ประเภท:  boolean optional ค่าเริ่มต้น: false หากตั้งค่าเป็น true ผู้ใช้จะแก้ไขวงกลมนี้ได้โดยการลากจุดควบคุมที่แสดงที่กึ่งกลางและรอบเส้นรอบวงของวงกลม
fillColor optional	ประเภท:  string optional สีเติม ระบบรองรับสี CSS3 ทั้งหมด ยกเว้นสีที่มีชื่อเพิ่มเติม
fillOpacity optional	ประเภท:  number optional ความโปร่งแสงของสีเติมระหว่าง 0.0 ถึง 1.0
map optional	ประเภท:  Map optional แผนที่ที่จะแสดงวงกลม
radius optional	ประเภท:  number optional รัศมีในหน่วยเมตรบนพื้นผิวโลก
strokeColor optional	ประเภท:  string optional สีเส้น ระบบรองรับสี CSS3 ทั้งหมด ยกเว้นสีที่มีชื่อเพิ่มเติม
strokeOpacity optional	ประเภท:  number optional ความทึบแสงของเส้นขอบระหว่าง 0.0 ถึง 1.0
strokePosition optional	ประเภท:  StrokePosition optional ค่าเริ่มต้น: StrokePosition.CENTER ตำแหน่งของเส้นขีด
strokeWeight optional	ประเภท:  number optional ความหนาของเส้นเป็นพิกเซล
visible optional	ประเภท:  boolean optional ค่าเริ่มต้น: true วงกลมนี้ปรากฏบนแผนที่หรือไม่
zIndex optional	ประเภท:  number optional zIndex เมื่อเทียบกับรูปหลายเหลี่ยมอื่นๆ

StrokePosition constants

google.maps.StrokePosition constants

ตำแหน่งที่เป็นไปได้ของเส้นขีดบนรูปหลายเหลี่ยม

เข้าถึงโดยการโทรหา const {StrokePosition} = await google.maps.importLibrary("maps") โปรดดูไลบรารีใน Maps JavaScript API

ค่าคงที่
CENTER	โดยเส้นจะอยู่ที่กึ่งกลางของเส้นทางรูปหลายเหลี่ยม โดยครึ่งหนึ่งของเส้นจะอยู่ในรูปหลายเหลี่ยมและอีกครึ่งหนึ่งจะอยู่นอกรูปหลายเหลี่ยม
INSIDE	เส้นอยู่ภายในรูปหลายเหลี่ยม
OUTSIDE	เส้นอยู่นอกรูปหลายเหลี่ยม