Polygons

คลาส Polyline

google.maps.Polyline คลาส

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

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

เมื่อใช้ v=beta ให้เข้าถึงได้โดยการโทรหา const {Polyline} = await google.map.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 ใน Polyline
mouseout	function(event) อาร์กิวเมนต์: event:  PolyMouseEvent เหตุการณ์นี้เริ่มทํางานเมื่อเลื่อนเมาส์ผ่าน Polyline
mouseover	function(event) อาร์กิวเมนต์: event: PolyMouseEvent เหตุการณ์นี้เริ่มทํางานบนเมาส์โอเวอร์โพลีไลน์
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 แผนที่ที่จะแสดง Polyline
path optional	ประเภท: MVCArray<LatLng>|Array<LatLng|LatLngLiteral> optional ลําดับพิกัดของ Polyline ตามลําดับ เส้นทางนี้จะระบุโดยใช้อาร์เรย์ง่ายๆ ของ 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

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

ผู้ผลิต

Polygon

Polygon([opts]) พารามิเตอร์: opts:  PolygonOptions optional สร้างรูปหลายเหลี่ยมโดยใช้ PolygonOptions ที่ส่งผ่าน ซึ่งระบุเส้นทางของรูปหลายเหลี่ยม รูปแบบเส้นนําสําหรับขอบของรูปหลายเหลี่ยม และรูปแบบการเติมให้กับพื้นที่ภายในของรูปหลายเหลี่ยม รูปหลายเหลี่ยมอาจมีเส้นทางอย่างน้อย 1 เส้นทาง โดยแต่ละเส้นทางจะประกอบด้วยอาร์เรย์ของ 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 เริ่มทํางานใน Polygon
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 เหตุการณ์นี้เริ่มทํางานเมื่อวางเมาส์บน Polygon
mouseup	function(event) อาร์กิวเมนต์: event: PolyMouseEvent เหตุการณ์นี้จะเริ่มทํางานเมื่อเหตุการณ์การเพิ่มเมาส์แบบ DOM เริ่มทํางานในรูปหลายเหลี่ยม
rightclick	เลิกใช้งาน: ใช้เหตุการณ์ Polygon.contextmenu แทนเพื่อรองรับรูปแบบการใช้งาน เช่น Control-Click ใน macOS function(event) อาร์กิวเมนต์: event:  PolyMouseEvent เหตุการณ์นี้จะเริ่มทํางานเมื่อคลิกขวาที่ Polygon

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

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

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

พร็อพเพอร์ตี้
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 ดัชนีลําดับ 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

เมื่อใช้ v=beta ให้เข้าถึงได้โดยการโทรหา const {Rectangle} = await google.map.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 ค่าการแสดงผล: ไม่มี
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 เริ่มทํางานในสี่เหลี่ยมผืนผ้า
mousemove	function(event) อาร์กิวเมนต์: event:  MapMouseEvent เหตุการณ์นี้จะเริ่มทํางานเมื่อเหตุการณ์เมาส์เลื่อนเมาส์ DOM เริ่มทํางานในสี่เหลี่ยมผืนผ้า
mouseout	function(event) อาร์กิวเมนต์: event:  MapMouseEvent เหตุการณ์นี้จะเริ่มทํางานเมื่อมีการเลื่อนเมาส์ผ่านสี่เหลี่ยมผืนผ้า
mouseover	function(event) อาร์กิวเมนต์: event:  MapMouseEvent เหตุการณ์นี้เริ่มทํางานเมื่อวางเมาส์บนสี่เหลี่ยมผืนผ้า
mouseup	function(event) อาร์กิวเมนต์: event: MapMouseEvent เหตุการณ์นี้จะเริ่มทํางานเมื่อเหตุการณ์การเลื่อนเมาส์ผ่านของ DOM เริ่มทํางานในสี่เหลี่ยมผืนผ้า
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 เปรียบเทียบกับโพลีอื่นๆ

วงกลม คลาส

google.maps.Circle คลาส

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

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

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

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

วิธีการ
getBounds	getBounds() พารามิเตอร์: ไม่มี แสดงผลค่า: LatLngBounds|null รับLatLngBounds ของแวดวงนี้
getCenter	getCenter() พารามิเตอร์: ไม่มี แสดงผลค่า: LatLng แสดงผลกึ่งกลางของวงกลมนี้
getDraggable	getDraggable() พารามิเตอร์: ไม่มี แสดงผลค่า: boolean แสดงผลซึ่งผู้ใช้ลากวงกลมนี้ได้
getEditable	getEditable() พารามิเตอร์: ไม่มี แสดงผลค่า: boolean แสดงผลซึ่งผู้ใช้จะแก้ไขวงกลมนี้ได้หรือไม่
getMap	getMap() พารามิเตอร์: ไม่มี แสดงผลค่า: Map|null แสดงแผนที่ที่แสดงวงกลมนี้
getRadius	getRadius() พารามิเตอร์: ไม่มี แสดงผลค่า: number แสดงรัศมีของวงกลมนี้ (มีหน่วยเป็นเมตร)
getVisible	getVisible() พารามิเตอร์: ไม่มี แสดงผลค่า: boolean แสดงผลว่าวงกลมนี้ปรากฏบนแผนที่หรือไม่
setCenter	setCenter(center) พารามิเตอร์: center: LatLng|LatLngLiteral ค่าการแสดงผล: ไม่มี ตั้งค่าศูนย์กลางของวงกลมนี้
setDraggable	setDraggable(draggable) พารามิเตอร์: draggable: boolean ค่าการแสดงผล: ไม่มี หากตั้งค่าเป็น true ผู้ใช้จะลากวงกลมนี้ในแผนที่ได้
setEditable	setEditable(editable) พารามิเตอร์: editable: boolean ค่าการแสดงผล: ไม่มี หากตั้งค่าเป็น true ผู้ใช้จะแก้ไขวงกลมนี้ได้โดยลากจุดควบคุมที่แสดงที่กึ่งกลางและรอบรอบวงกลม
setMap	setMap(map) พารามิเตอร์: map:  Map optional ค่าการแสดงผล: ไม่มี แสดงวงกลมบนแผนที่ที่ระบุ หากตั้งค่าแผนที่เป็น null ระบบจะนําวงกลมออก
setOptions	setOptions(options) พารามิเตอร์: options: CircleOptions ค่าการแสดงผล: ไม่มี
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 เหตุการณ์นี้จะเริ่มทํางานเมื่อเหตุการณ์ Dblclick ใน DOM เริ่มทํางานในแวดวง
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 วงกลม
mouseout	function(event) อาร์กิวเมนต์: event: MapMouseEvent เหตุการณ์นี้เริ่มทํางานเมื่อเลื่อนเมาส์ผ่าน
mouseover	function(event) อาร์กิวเมนต์: event:  MapMouseEvent เหตุการณ์นี้จะเริ่มทํางานเมื่อวางเมาส์บนวงกลม
mouseup	function(event) อาร์กิวเมนต์: event: MapMouseEvent เหตุการณ์นี้จะเริ่มทํางานเมื่อเหตุการณ์การเลื่อนเมาส์ผ่านของ DOM เริ่มทํางานในวงกลม
radius_changed	function() อาร์กิวเมนต์: ไม่มี เหตุการณ์นี้จะเริ่มทํางานเมื่อมีการเปลี่ยนรัศมีของวงกลม
rightclick	function(event) อาร์กิวเมนต์: event:  MapMouseEvent เหตุการณ์นี้จะเริ่มทํางานเมื่อคลิกขวาที่วงกลม

อินเทอร์เฟซ วงกลมตัวเลือก

อินเทอร์เฟซ google.maps.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 ค่าคงที่

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

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

ค่าคงที่
CENTER	โรคหลอดเลือดสมองมีจุดศูนย์กลางอยู่ที่เส้นทางของรูปหลายเหลี่ยม โดยครึ่งหนึ่งมีเส้นโลหิตอยู่ในรูปหลายเหลี่ยมและตัดเส้นครึ่งหนึ่งนอกรูปหลายเหลี่ยม
INSIDE	เส้นสโตรกอยู่ในรูปหลายเหลี่ยม
OUTSIDE	เส้นอยู่นอกเส้นรูปหลายเหลี่ยม