Polygons

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

โพลีไลน์ ชั้นเรียน

google.maps.Polyline ชั้น

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

ชั้นเรียนนี้จะขยายเวลา MVCObject

Polyline
Polyline([opts])
พารามิเตอร์:
สร้างเส้นประกอบโดยใช้ 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)
พารามิเตอร์:
  • draggableboolean
ค่าที่ส่งคืน: ไม่มี
หากตั้งค่าเป็น true ผู้ใช้จะลากรูปร่างนี้ในแผนที่ได้ พร็อพเพอร์ตี้ geodesic จะกําหนดโหมดของการลาก
setEditable
setEditable(editable)
พารามิเตอร์:
  • editable: boolean
ค่าที่ส่งคืน: ไม่มี
หากตั้งค่าเป็น true ผู้ใช้จะแก้ไขรูปร่างนี้ได้โดยลากจุดควบคุมที่แสดงที่จุดยอดและในแต่ละกลุ่ม
setMap
setMap(map)
พารามิเตอร์:
  • mapMap optional
ค่าที่ส่งคืน: ไม่มี
แสดงผลรูปร่างนี้บนแผนที่ที่ระบุ หากตั้งค่าแผนที่เป็น null ระบบจะนํารูปร่างออก
setOptions
setOptions(options)
พารามิเตอร์:
ค่าที่ส่งคืน: ไม่มี
setPath
setPath(path)
พารามิเตอร์:
ค่าที่ส่งคืน: ไม่มี
กําหนดเส้นทาง ดูรายละเอียดเพิ่มเติมได้ที่ PolylineOptions
setVisible
setVisible(visible)
พารามิเตอร์:
  • visible: boolean
ค่าที่ส่งคืน: ไม่มี
ซ่อน Poly นี้หากตั้งค่าเป็น false
รับค่าเดิม: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
click
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อเหตุการณ์การคลิก DOM เริ่มทํางานใน Polyline
contextmenu
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อเหตุการณ์เมนูตามบริบท DOM เริ่มทํางานใน Poyline
dblclick
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อเหตุการณ์ DOM dblclick เริ่มทํางานใน Polyline
drag
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้เริ่มทํางานซ้ําๆ ขณะที่ผู้ใช้ลากโพลีไลน์
dragend
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเกิดขึ้นเมื่อผู้ใช้หยุดลากเส้น
dragstart
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อผู้ใช้เริ่มลากเส้น
mousedown
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อเหตุการณ์เมาส์โอเวอร์ของ DOM เริ่มทํางานใน Polyline
mousemove
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อเหตุการณ์เมาส์เมาส์ DOM เริ่มทํางานใน Polyline
mouseout
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้เริ่มทํางานโดยใช้เมาส์โอไลต์ Polyline
mouseover
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้ทํางานใน Polyline เมาส์โอเวอร์
mouseup
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อเหตุการณ์เมาส์โอเวอร์เริ่มทํางานใน Polyline
rightclick
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อคลิกขวาที่ 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
ลําดับพิกัดของโพลีไลน์ เส้นทางนี้อาจระบุโดยใช้อาร์เรย์ง่ายๆ ของ 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

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

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

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

Polygon
Polygon([opts])
พารามิเตอร์:
สร้างรูปหลายเหลี่ยมโดยใช้ 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)
พารามิเตอร์:
  • draggableboolean
ค่าที่ส่งคืน: ไม่มี
หากตั้งค่าเป็น true ผู้ใช้จะลากรูปร่างนี้ในแผนที่ได้ พร็อพเพอร์ตี้ geodesic จะกําหนดโหมดของการลาก
setEditable
setEditable(editable)
พารามิเตอร์:
  • editableboolean
ค่าที่ส่งคืน: ไม่มี
หากตั้งค่าเป็น true ผู้ใช้จะแก้ไขรูปร่างนี้ได้โดยลากจุดควบคุมที่แสดงที่จุดยอดและในแต่ละกลุ่ม
setMap
setMap(map)
พารามิเตอร์:
  • mapMap optional
ค่าที่ส่งคืน: ไม่มี
แสดงผลรูปร่างนี้บนแผนที่ที่ระบุ หากตั้งค่าแผนที่เป็น null ระบบจะนํารูปร่างออก
setOptions
setOptions(options)
พารามิเตอร์:
ค่าที่ส่งคืน: ไม่มี
setPath
setPath(path)
พารามิเตอร์:
ค่าที่ส่งคืน: ไม่มี
ตั้งค่าเส้นทางแรก ดูรายละเอียดเพิ่มเติมได้ที่ PolygonOptions
setPaths
setPaths(paths)
พารามิเตอร์:
ค่าที่ส่งคืน: ไม่มี
กําหนดเส้นทางสําหรับรูปหลายเหลี่ยมนี้
setVisible
setVisible(visible)
พารามิเตอร์:
  • visible: boolean
ค่าที่ส่งคืน: ไม่มี
ซ่อน Poly นี้หากตั้งค่าเป็น false
รับค่าเดิม: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
click
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อเหตุการณ์การคลิก DOM เริ่มทํางานในรูปหลายเหลี่ยม
contextmenu
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อเหตุการณ์เมนูตามบริบท DOM เริ่มทํางานในรูปหลายเหลี่ยม
dblclick
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อเหตุการณ์ dblclick ของ DOM เริ่มทํางานในรูปหลายเหลี่ยม
drag
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มต้นซ้ําๆ ขณะที่ผู้ใช้ลากรูปหลายเหลี่ยม
dragend
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อผู้ใช้หยุดลากรูปหลายเหลี่ยม
dragstart
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อผู้ใช้เริ่มลากรูปหลายเหลี่ยม
mousedown
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อเหตุการณ์เมาส์โอเวอร์ DOM เริ่มทํางานในรูปหลายเหลี่ยม
mousemove
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อเหตุการณ์ DOMเมาส์move เริ่มทํางานในรูปหลายเหลี่ยม
mouseout
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้เริ่มทํางานโดยใช้เมาส์เมาส์
mouseover
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้เริ่มทํางานโดยใช้เมาส์โอเวอร์ Polygon
mouseup
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อเหตุการณ์เมาส์โอเวอร์ DOM เริ่มทํางานในรูปหลายเหลี่ยม
rightclick
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อคลิกขวาที่ Polygon

อินเทอร์เฟซ 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
ลําดับการเรียงลําดับของพิกัดที่กําหนดการวนซ้ําแบบปิด รูปหลายเหลี่ยมอาจประกอบด้วยเส้นทางตั้งแต่ 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

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

google.maps.Rectangle ชั้น

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

ชั้นเรียนนี้จะขยายเวลา MVCObject

Rectangle
Rectangle([opts])
พารามิเตอร์:
สร้างสี่เหลี่ยมผืนผ้าโดยใช้ RectangleOptions ที่ส่งผ่านซึ่งระบุขอบเขตและสไตล์
getBounds
getBounds()
พารามิเตอร์: ไม่มี
มูลค่าของการคืนสินค้า: LatLngBounds|null
แสดงขอบเขตของสี่เหลี่ยมผืนผ้านี้
getDraggable
getDraggable()
พารามิเตอร์: ไม่มี
มูลค่าของการคืนสินค้า: boolean
แสดงให้ผู้ใช้ลากสี่เหลี่ยมผืนผ้านี้ได้
getEditable
getEditable()
พารามิเตอร์: ไม่มี
มูลค่าของการคืนสินค้า: boolean
แสดงผลว่าผู้ใช้จะสามารถแก้ไขสี่เหลี่ยมผืนผ้านี้หรือไม่
getMap
getMap()
พารามิเตอร์: ไม่มี
มูลค่าของการคืนสินค้า: Map|null
แสดงแผนที่ซึ่งแสดงสี่เหลี่ยมผืนผ้านี้
getVisible
getVisible()
พารามิเตอร์: ไม่มี
มูลค่าของการคืนสินค้า: boolean
แสดงผลว่าสี่เหลี่ยมผืนผ้านี้จะปรากฏบนแผนที่หรือไม่
setBounds
setBounds(bounds)
พารามิเตอร์:
ค่าที่ส่งคืน: ไม่มี
กําหนดขอบเขตของสี่เหลี่ยมผืนผ้านี้
setDraggable
setDraggable(draggable)
พารามิเตอร์:
  • draggable: boolean
ค่าที่ส่งคืน: ไม่มี
หากตั้งค่าเป็น true ผู้ใช้จะลากสี่เหลี่ยมผืนผ้านี้ไปวางบนแผนที่ได้
setEditable
setEditable(editable)
พารามิเตอร์:
  • editableboolean
ค่าที่ส่งคืน: ไม่มี
หากตั้งค่าเป็น true ผู้ใช้สามารถแก้ไขสี่เหลี่ยมผืนผ้านี้ได้โดยลากจุดควบคุมที่แสดงที่มุมและในแต่ละขอบ
setMap
setMap(map)
พารามิเตอร์:
  • map: Map optional
ค่าที่ส่งคืน: ไม่มี
แสดงผลสี่เหลี่ยมผืนผ้าบนแผนที่ที่ระบุ หากตั้งค่าแผนที่เป็น null ระบบจะนํารูปสี่เหลี่ยมผืนผ้าออก
setOptions
setOptions(options)
พารามิเตอร์:
ค่าที่ส่งคืน: ไม่มี
setVisible
setVisible(visible)
พารามิเตอร์:
  • visible: boolean
ค่าที่ส่งคืน: ไม่มี
ซ่อนสี่เหลี่ยมผืนผ้านี้หากตั้งค่าเป็น false
รับค่าเดิม: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
bounds_changed
function()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเริ่มทํางานเมื่อมีการเปลี่ยนขอบเขตของรูปสี่เหลี่ยมผืนผ้า
click
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อเหตุการณ์การคลิก DOM เริ่มทํางานในสี่เหลี่ยมผืนผ้า
contextmenu
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อเหตุการณ์เมนูตามบริบท DOM เริ่มทํางานในสี่เหลี่ยมผืนผ้า
dblclick
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อเหตุการณ์ Dblclick ของ DOM เริ่มทํางานในสี่เหลี่ยมผืนผ้า
drag
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานซ้ําหลายครั้งขณะที่ผู้ใช้ลากสี่เหลี่ยมผืนผ้า
dragend
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเกิดขึ้นเมื่อผู้ใช้หยุดลากสี่เหลี่ยมผืนผ้า
dragstart
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อผู้ใช้เริ่มลากสี่เหลี่ยมผืนผ้า
mousedown
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อเหตุการณ์ DOM Downdown เริ่มทํางานในสี่เหลี่ยมผืนผ้า
mousemove
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อเหตุการณ์เคอร์เซอร์เมาส์ DOM เริ่มทํางานในสี่เหลี่ยมผืนผ้า
mouseout
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้เริ่มทํางานเมื่อเลื่อนเมาส์ออกแบบสี่เหลี่ยมผืนผ้า
mouseover
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้เริ่มทํางานโดยใช้เมาส์โอเวอร์สี่เหลี่ยม
mouseup
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อเหตุการณ์เมาส์โอเวอร์เริ่มทํางานในสี่เหลี่ยมผืนผ้า
rightclick
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อคลิกขวาที่รูปสี่เหลี่ยมผืนผ้า

อินเทอร์เฟซ 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
zIndex เทียบกับโพลีอื่นๆ

แวดวง ชั้นเรียน

google.maps.Circle ชั้น

วงกลมบนพื้นผิวโลก หรือที่รู้จักกันในชื่อ "หมวกทรงกลม"

ชั้นเรียนนี้จะขยายเวลา MVCObject

Circle
Circle([circleOrCircleOptions])
พารามิเตอร์:
สร้างวงกลมโดยใช้ 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)
พารามิเตอร์:
ค่าที่ส่งคืน: ไม่มี
กําหนดศูนย์กลางของวงกลมนี้
setDraggable
setDraggable(draggable)
พารามิเตอร์:
  • draggable: boolean
ค่าที่ส่งคืน: ไม่มี
หากตั้งค่าเป็น true ผู้ใช้จะลากวงกลมนี้ไปในแผนที่ได้
setEditable
setEditable(editable)
พารามิเตอร์:
  • editableboolean
ค่าที่ส่งคืน: ไม่มี
หากตั้งค่าเป็น true ผู้ใช้จะแก้ไขวงกลมนี้ได้โดยลากจุดควบคุมที่อยู่ตรงกลางและรอบเส้นรอบวงกลม
setMap
setMap(map)
พารามิเตอร์:
  • map: Map optional
ค่าที่ส่งคืน: ไม่มี
แสดงผลวงกลมบนแผนที่ที่ระบุ หากตั้งค่าแผนที่เป็น null วงกลมจะถูกนําออก
setOptions
setOptions(options)
พารามิเตอร์:
ค่าที่ส่งคืน: ไม่มี
setRadius
setRadius(radius)
พารามิเตอร์:
  • radius: number
ค่าที่ส่งคืน: ไม่มี
กําหนดรัศมีของวงกลมนี้ (หน่วยเป็นเมตร)
setVisible
setVisible(visible)
พารามิเตอร์:
  • visibleboolean
ค่าที่ส่งคืน: ไม่มี
ซ่อนแวดวงนี้หากตั้งค่าเป็น false
รับค่าเดิม: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
center_changed
function()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเริ่มทํางานเมื่อมีการเปลี่ยนแปลงจุดศูนย์กลางของวงกลม
click
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อเหตุการณ์การคลิก DOM เริ่มทํางานในแวดวง
dblclick
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อเหตุการณ์ Dblclick ของ DOM เริ่มทํางานในวงกลม
drag
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มต้นซ้ําๆ ขณะที่ผู้ใช้ลากวงกลม
dragend
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อผู้ใช้หยุดลากวงกลม
dragstart
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อผู้ใช้เริ่มลากวงกลม
mousedown
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อเหตุการณ์ DOM Downdown เกิดขึ้นในแวดวง
mousemove
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อเหตุการณ์เมาส์เมาส์ DOM เริ่มทํางานในแวดวง
mouseout
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้เริ่มทํางานเมื่อเลื่อนเมาส์ออก
mouseover
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเกิดขึ้นเมื่อมีเมาส์โอเวอร์วงกลม
mouseup
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อเหตุการณ์เมาส์โอเวอร์เริ่มทํางานในวงกลม
radius_changed
function()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเริ่มทํางานเมื่อรัศมีของวงกลมเปลี่ยนไป
rightclick
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มต้นเมื่อคลิกขวาที่วงกลม

อินเทอร์เฟซ 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
zIndex เทียบกับโพลีอื่นๆ

ค่าคงที่ StrokePosition

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

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

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