Polygons

โพลีไลน์ คลาส

google.maps.Polyline ชั้น

เส้นประกอบเป็นเส้นตรงที่ซ้อนทับกันระหว่างเส้นประกอบเส้นต่างๆ บนแผนที่

คลาสนี้จะขยาย 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 แสดงผลว่า Poly นี้แสดงบนแผนที่หรือไม่
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 ค่าที่ส่งกลับ: ไม่มี ซ่อน Poly นี้หากตั้งค่าเป็น false
รับค่าเดิม: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

กิจกรรม
click	function(event) อาร์กิวเมนต์:  event:  PolyMouseEvent เหตุการณ์นี้จะเกิดขึ้นเมื่อเหตุการณ์การคลิก DOM เริ่มทํางานใน Polyline
contextmenu	function(event) อาร์กิวเมนต์:  event:  PolyMouseEvent เหตุการณ์นี้จะเริ่มทํางานเมื่อเหตุการณ์เมนูตามบริบทของ DOM เริ่มทํางานใน 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 ไม่ทํางานใน Polyline
mousemove	function(event) อาร์กิวเมนต์:  event:  PolyMouseEvent เหตุการณ์จะเริ่มทํางานเมื่อเหตุการณ์ DOMเมาส์move เริ่มทํางานใน Polyline
mouseout	function(event) อาร์กิวเมนต์:  event:  PolyMouseEvent เหตุการณ์นี้เริ่มทํางานเมื่อเผยแพร่โดยใช้ Polyline
mouseover	function(event) อาร์กิวเมนต์:  event:  PolyMouseEvent เหตุการณ์นี้จะเกิดขึ้นเมื่อใช้เมาส์โอเวอร์ Polyline
mouseup	function(event) อาร์กิวเมนต์:  event:  PolyMouseEvent เหตุการณ์นี้จะเกิดขึ้นเมื่อเหตุการณ์ที่ใช้เมาส์ชี้ DOM เริ่มทํางานใน Polyline
rightclick	เลิกใช้งานแล้ว: ใช้เหตุการณ์ Polyline.contextmenu แทนเพื่อรองรับรูปแบบการใช้งาน เช่น control-click ใน macOS function(event) อาร์กิวเมนต์:  event:  PolyMouseEvent เหตุการณ์นี้จะเกิดขึ้นเมื่อ Polyline คลิกขวา

PolylineOptions

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 ดัชนี z เมื่อเทียบกับโพลีอื่นๆ

IconSequence

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

อธิบายถึงวิธีแสดงไอคอนบนเส้น

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

พร็อพเพอร์ตี้
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"

รูปหลายเหลี่ยม

google.maps.Polygon ชั้น

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

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

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

ผู้ผลิต

Polygon

Polygon([opts]) พารามิเตอร์:  opts:  PolygonOptions optional สร้างรูปหลายเหลี่ยมโดยใช้ PolygonOptions ที่ส่งผ่าน ซึ่งระบุเส้นทางของรูปหลายเหลี่ยม รูปแบบเส้นโครงร่างสําหรับขอบของรูปหลายเหลี่ยม และรูปแบบการเติมพื้นที่ภายในของรูปหลายเหลี่ยม รูปหลายเหลี่ยมอาจมีเส้นทางตั้งแต่หนึ่งเส้นทางขึ้นไป โดยแต่ละเส้นทางจะประกอบด้วยอาร์เรย์ของ LatLng คุณสามารถส่งผ่านอาร์เรย์ของ LatLngs หรือ 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 แสดงผลว่า Poly นี้แสดงบนแผนที่หรือไม่
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 ค่าที่ส่งกลับ: ไม่มี ซ่อน Poly นี้หากตั้งค่าเป็น false
รับค่าเดิม: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

กิจกรรม
click	function(event) อาร์กิวเมนต์:  event:  PolyMouseEvent เหตุการณ์นี้จะเกิดขึ้นเมื่อเหตุการณ์การคลิก DOM เริ่มทํางานในรูปหลายเหลี่ยม
contextmenu	function(event) อาร์กิวเมนต์:  event:  PolyMouseEvent เหตุการณ์นี้จะเกิดขึ้นเมื่อเหตุการณ์ DOMเมนูตามบริบท เริ่มทํางานในรูปหลายเหลี่ยม
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 ไม่ทํางานในรูปหลายเหลี่ยม
mousemove	function(event) อาร์กิวเมนต์:  event:  PolyMouseEvent เหตุการณ์นี้จะเกิดขึ้นเมื่อเหตุการณ์ที่ใช้เมาส์เลื่อนเมาส์ DOM เริ่มทํางานในรูปหลายเหลี่ยม
mouseout	function(event) อาร์กิวเมนต์:  event:  PolyMouseEvent เหตุการณ์นี้เริ่มทํางานเมื่อมีการเลื่อนเมาส์ผ่านรูปหลายเหลี่ยม
mouseover	function(event) อาร์กิวเมนต์:  event:  PolyMouseEvent เหตุการณ์นี้จะเกิดขึ้นเมื่อเมาส์โอเวอร์รูปหลายเหลี่ยม
mouseup	function(event) อาร์กิวเมนต์:  event:  PolyMouseEvent เหตุการณ์นี้จะเกิดขึ้นเมื่อเหตุการณ์ที่ใช้เมาส์โอเวอร์เริ่มทํางานในรูปหลายเหลี่ยม
rightclick	เลิกใช้งานแล้ว: ใช้เหตุการณ์ Polygon.contextmenu แทนเพื่อรองรับรูปแบบการใช้งาน เช่น control-click ใน macOS function(event) อาร์กิวเมนต์:  event:  PolyMouseEvent เหตุการณ์นี้จะเริ่มทํางานเมื่อคลิกขวาที่รูปหลายเหลี่ยม

PolygonOptions

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<LatLng>|MVCArray<MVCArray<LatLng>>|Array<LatLng|LatLngLiteral>|Array<Array<LatLng|LatLngLiteral>> optional ลําดับของพิกัดที่กําหนดเส้นทางแบบวนซ้ํา รูปหลายเหลี่ยมประกอบด้วยเส้นอย่างน้อย 1 เส้น ซึ่งต่างจากเส้นประกอบ คุณสมบัติเส้นทางอาจระบุอาร์เรย์ของพิกัด LatLng อย่างน้อยหนึ่งอาร์เรย์ เส้นทางจะถูกปิดโดยอัตโนมัติ อย่าใช้จุดยอดมุมแรกของเส้นทางเป็นจุดยอดสุดท้าย รูปหลายเหลี่ยมแบบง่ายอาจกําหนดโดยใช้อาร์เรย์เดี่ยวของ 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 ดัชนี z เมื่อเทียบกับโพลีอื่นๆ

PolyMouseEvent

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

ออบเจ็กต์นี้ถูกส่งคืนจากเหตุการณ์ของเมาส์บนโพลีไลน์และรูปหลายเหลี่ยม

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

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

วิธีการ
รับค่ามา: stop

สี่เหลี่ยมผืนผ้า

google.maps.Rectangle ชั้น

การวางซ้อนสี่เหลี่ยมผืนผ้า

คลาสนี้จะขยาย 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 เริ่มทํางานในสี่เหลี่ยมผืนผ้า
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 DOM เริ่มทํางานในสี่เหลี่ยมผืนผ้า
mousemove	function(event) อาร์กิวเมนต์:  event:  MapMouseEvent เหตุการณ์นี้จะเกิดขึ้นเมื่อเหตุการณ์ DOMเมาส์move เริ่มทํางานในสี่เหลี่ยมผืนผ้า
mouseout	function(event) อาร์กิวเมนต์:  event:  MapMouseEvent เหตุการณ์นี้จะเริ่มทํางานเมื่อมีการเลื่อนเมาส์ออก
mouseover	function(event) อาร์กิวเมนต์:  event:  MapMouseEvent เหตุการณ์นี้จะเกิดขึ้นเมื่อเมาส์โอเวอร์เป็นรูปสี่เหลี่ยม
mouseup	function(event) อาร์กิวเมนต์:  event:  MapMouseEvent เหตุการณ์นี้จะเกิดขึ้นเมื่อเหตุการณ์ที่ใช้เมาส์โอเวอร์เริ่มทํางานในสี่เหลี่ยมผืนผ้า
rightclick	เลิกใช้งานแล้ว: ใช้เหตุการณ์ Rectangle.contextmenu แทนเพื่อรองรับรูปแบบการใช้งาน เช่น control-click ใน macOS function(event) อาร์กิวเมนต์:  event:  MapMouseEvent เหตุการณ์นี้จะเริ่มทํางานเมื่อคลิกขวาที่สี่เหลี่ยมผืนผ้า

RectangleOptions

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 ดัชนี z เมื่อเทียบกับโพลีอื่นๆ

Circle คลาส

google.maps.Circle ชั้น

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

คลาสนี้จะขยาย 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 ไม่ทํางานในวงกลม
mousemove	function(event) อาร์กิวเมนต์:  event:  MapMouseEvent เหตุการณ์นี้จะเกิดขึ้นเมื่อเหตุการณ์ DOMเมาส์move เริ่มทํางานในแวดวง
mouseout	function(event) อาร์กิวเมนต์:  event:  MapMouseEvent เหตุการณ์นี้จะเริ่มทํางานเมื่อมีการเลื่อนเมาส์ออก
mouseover	function(event) อาร์กิวเมนต์:  event:  MapMouseEvent เหตุการณ์นี้เกิดขึ้นเมื่อมีการเลื่อนเมาส์ผ่าน
mouseup	function(event) อาร์กิวเมนต์:  event:  MapMouseEvent เหตุการณ์นี้จะเกิดขึ้นเมื่อเหตุการณ์ที่ใช้เมาส์เมาส์ DOM เริ่มทํางานในแวดวง
radius_changed	function() อาร์กิวเมนต์: ไม่มี เหตุการณ์นี้จะเกิดขึ้นเมื่อมีการเปลี่ยนแปลงรัศมีของวงกลม
rightclick	function(event) อาร์กิวเมนต์:  event:  MapMouseEvent เหตุการณ์นี้จะเริ่มทํางานเมื่อคลิกขวาที่วงกลม

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

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 ดัชนี z เมื่อเทียบกับโพลีอื่นๆ

StrokePosition คงที่

google.maps.StrokePosition ค่าคงที่

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

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

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