Polygons

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

คลาส Polyline

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)
พารามิเตอร์:
  • draggable: boolean
ค่าการแสดงผล: ไม่มี
หากตั้งค่าเป็น true ผู้ใช้จะลากรูปร่างนี้บนแผนที่ได้ พร็อพเพอร์ตี้ geodesic จะกําหนดโหมดของการลาก
setEditable
setEditable(editable)
พารามิเตอร์:
  • editableboolean
ค่าการแสดงผล: ไม่มี
หากตั้งค่าเป็น 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)
อาร์กิวเมนต์:
เหตุการณ์นี้เริ่มทํางานบนเมาส์โอเวอร์โพลีไลน์
mouseup
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อเหตุการณ์การวางเมาส์บน DOM ใน 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
ลําดับพิกัดของ 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

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

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

วงกลม คลาส

google.maps.Circle คลาส

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

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

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

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

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

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

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