โพลีไลน์ คลาส
google.maps.Polyline
ชั้น
เส้นประกอบเป็นเส้นตรงที่ซ้อนทับกันระหว่างเส้นประกอบเส้นต่างๆ บนแผนที่
คลาสนี้จะขยาย
MVCObject
เข้าถึงโดยโทรไปที่ const {Polyline} = await google.maps.importLibrary("maps")
ดูห้องสมุดใน Maps JavaScript API
ผู้ผลิต | |
---|---|
Polyline |
Polyline([opts]) พารามิเตอร์:
สร้างโพลีไลน์โดยใช้ PolylineOptions ที่ส่งผ่าน ซึ่งระบุทั้งเส้นทางของเส้นประกอบและรูปแบบของเส้นโครงร่างเพื่อใช้เมื่อวาดเส้น คุณอาจส่งผ่านอาร์เรย์ของ LatLng หรือ MVCArray ของ LatLng เมื่อสร้างโพลีไลน์ได้ อย่างไรก็ตาม อาร์เรย์อย่างง่ายจะถูกแปลงเป็น MVCArray ภายในเส้นประกอบเมื่อมีการสร้าง |
วิธีการ | |
---|---|
getDraggable |
getDraggable() พารามิเตอร์: ไม่มี
ค่าที่ส่งกลับ:
boolean แสดงผลว่าผู้ใช้ลากรูปร่างนี้ได้หรือไม่ |
getEditable |
getEditable() พารามิเตอร์: ไม่มี
ค่าที่ส่งกลับ:
boolean แสดงผลว่าผู้ใช้สามารถแก้ไขรูปร่างนี้หรือไม่ |
getMap |
getMap() พารามิเตอร์: ไม่มี
ค่าที่ส่งกลับ:
Map|null แสดงผลแผนที่ที่แนบรูปทรงนี้ |
getPath |
getPath() พารามิเตอร์: ไม่มี
เรียกข้อมูลเส้นทาง |
getVisible |
getVisible() พารามิเตอร์: ไม่มี
ค่าที่ส่งกลับ:
boolean แสดงผลว่า Poly นี้แสดงบนแผนที่หรือไม่ |
setDraggable |
setDraggable(draggable) พารามิเตอร์:
ค่าที่ส่งกลับ: ไม่มี
หากตั้งค่าเป็น true ผู้ใช้จะลากรูปร่างนี้ข้ามแผนที่ได้ พร็อพเพอร์ตี้ geodesic จะกําหนดโหมดของการลาก |
setEditable |
setEditable(editable) พารามิเตอร์:
ค่าที่ส่งกลับ: ไม่มี
หากตั้งค่าเป็น true ผู้ใช้จะแก้ไขรูปร่างนี้ได้โดยลากจุดควบคุมที่แสดงในจุดยอดและในแต่ละกลุ่ม |
setMap |
setMap(map) พารามิเตอร์:
ค่าที่ส่งกลับ: ไม่มี
แสดงผลรูปทรงนี้บนแผนที่ที่ระบุ หากตั้งค่าแผนที่เป็น null ระบบจะนํารูปร่างออก |
setOptions |
setOptions(options) พารามิเตอร์:
ค่าที่ส่งกลับ: ไม่มี
|
setPath |
setPath(path) พารามิเตอร์:
ค่าที่ส่งกลับ: ไม่มี
กําหนดเส้นทาง ดูรายละเอียดเพิ่มเติมได้ที่ PolylineOptions |
setVisible |
setVisible(visible) พารามิเตอร์:
ค่าที่ส่งกลับ: ไม่มี
ซ่อน 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เมาส์move เริ่มทํางานใน Polyline |
mouseout |
function(event) อาร์กิวเมนต์:
เหตุการณ์นี้เริ่มทํางานเมื่อเผยแพร่โดยใช้ Polyline |
mouseover |
function(event) อาร์กิวเมนต์:
เหตุการณ์นี้จะเกิดขึ้นเมื่อใช้เมาส์โอเวอร์ Polyline |
mouseup |
function(event) อาร์กิวเมนต์:
เหตุการณ์นี้จะเกิดขึ้นเมื่อเหตุการณ์ที่ใช้เมาส์ชี้ DOM เริ่มทํางานใน Polyline |
|
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 แผนที่สําหรับแสดงเส้นประกอบ |
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]) พารามิเตอร์:
สร้างรูปหลายเหลี่ยมโดยใช้ PolygonOptions ที่ส่งผ่าน ซึ่งระบุเส้นทางของรูปหลายเหลี่ยม รูปแบบเส้นโครงร่างสําหรับขอบของรูปหลายเหลี่ยม และรูปแบบการเติมพื้นที่ภายในของรูปหลายเหลี่ยม รูปหลายเหลี่ยมอาจมีเส้นทางตั้งแต่หนึ่งเส้นทางขึ้นไป โดยแต่ละเส้นทางจะประกอบด้วยอาร์เรย์ของ LatLng คุณสามารถส่งผ่านอาร์เรย์ของ LatLngs หรือ MVCArray ของ LatLng เมื่อสร้างเส้นทางเหล่านี้ ระบบจะแปลงอาร์เรย์เป็น MVCArray ภายในรูปหลายเหลี่ยมเมื่อเริ่มต้น |
วิธีการ | |
---|---|
getDraggable |
getDraggable() พารามิเตอร์: ไม่มี
ค่าที่ส่งกลับ:
boolean แสดงผลว่าผู้ใช้ลากรูปร่างนี้ได้หรือไม่ |
getEditable |
getEditable() พารามิเตอร์: ไม่มี
ค่าที่ส่งกลับ:
boolean แสดงผลว่าผู้ใช้สามารถแก้ไขรูปร่างนี้หรือไม่ |
getMap |
getMap() พารามิเตอร์: ไม่มี
ค่าที่ส่งกลับ:
Map|null แสดงผลแผนที่ที่แนบรูปทรงนี้ |
getPath |
getPath() พารามิเตอร์: ไม่มี
เรียกข้อมูลเส้นทางแรก |
getPaths |
getPaths() พารามิเตอร์: ไม่มี
เรียกข้อมูลเส้นทางสําหรับรูปหลายเหลี่ยมนี้ |
getVisible |
getVisible() พารามิเตอร์: ไม่มี
ค่าที่ส่งกลับ:
boolean แสดงผลว่า Poly นี้แสดงบนแผนที่หรือไม่ |
setDraggable |
setDraggable(draggable) พารามิเตอร์:
ค่าที่ส่งกลับ: ไม่มี
หากตั้งค่าเป็น true ผู้ใช้จะลากรูปร่างนี้ข้ามแผนที่ได้ พร็อพเพอร์ตี้ geodesic จะกําหนดโหมดของการลาก |
setEditable |
setEditable(editable) พารามิเตอร์:
ค่าที่ส่งกลับ: ไม่มี
หากตั้งค่าเป็น true ผู้ใช้จะแก้ไขรูปร่างนี้ได้โดยลากจุดควบคุมที่แสดงในจุดยอดและในแต่ละกลุ่ม |
setMap |
setMap(map) พารามิเตอร์:
ค่าที่ส่งกลับ: ไม่มี
แสดงผลรูปทรงนี้บนแผนที่ที่ระบุ หากตั้งค่าแผนที่เป็น null ระบบจะนํารูปร่างออก |
setOptions |
setOptions(options) พารามิเตอร์:
ค่าที่ส่งกลับ: ไม่มี
|
setPath |
setPath(path) พารามิเตอร์:
ค่าที่ส่งกลับ: ไม่มี
ตั้งค่าเส้นทางแรก ดูรายละเอียดเพิ่มเติมได้ที่ PolygonOptions |
setPaths |
setPaths(paths) พารามิเตอร์:
ค่าที่ส่งกลับ: ไม่มี
กําหนดเส้นทางสําหรับรูปหลายเหลี่ยมนี้ |
setVisible |
setVisible(visible) พารามิเตอร์:
ค่าที่ส่งกลับ: ไม่มี
ซ่อน Poly นี้หากตั้งค่าเป็น false |
รับค่าเดิม:
addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
กิจกรรม | |
---|---|
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) อาร์กิวเมนต์:
เหตุการณ์นี้จะเกิดขึ้นเมื่อเหตุการณ์ที่ใช้เมาส์โอเวอร์เริ่มทํางานในรูปหลายเหลี่ยม |
|
function(event) อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อคลิกขวาที่รูปหลายเหลี่ยม |
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<MVCArray<LatLng>>|MVCArray<LatLng>|Array<Array<LatLng|LatLngLiteral>>|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]) พารามิเตอร์:
สร้างสี่เหลี่ยมผืนผ้าโดยใช้ RectangleOptions ที่ส่งผ่านซึ่งระบุขอบเขตและสไตล์ |
วิธีการ | |
---|---|
getBounds |
getBounds() พารามิเตอร์: ไม่มี
ค่าที่ส่งกลับ:
LatLngBounds|null จะแสดงผลขอบเขตของสี่เหลี่ยมผืนผ้านี้ |
getDraggable |
getDraggable() พารามิเตอร์: ไม่มี
ค่าที่ส่งกลับ:
boolean แสดงว่าผู้ใช้จะสามารถลากสี่เหลี่ยมผืนผ้านี้หรือไม่ |
getEditable |
getEditable() พารามิเตอร์: ไม่มี
ค่าที่ส่งกลับ:
boolean กําหนดว่าผู้ใช้จะมีสิทธิ์แก้ไขสี่เหลี่ยมผืนผ้านี้หรือไม่ |
getMap |
getMap() พารามิเตอร์: ไม่มี
ค่าที่ส่งกลับ:
Map|null แสดงผลแผนที่ที่สี่เหลี่ยมผืนผ้านี้ปรากฏอยู่ |
getVisible |
getVisible() พารามิเตอร์: ไม่มี
ค่าที่ส่งกลับ:
boolean แสดงผลว่าสี่เหลี่ยมผืนผ้านี้จะปรากฏบนแผนที่หรือไม่ |
setBounds |
setBounds(bounds) พารามิเตอร์:
ค่าที่ส่งกลับ: ไม่มี
กําหนดขอบเขตของสี่เหลี่ยมผืนผ้านี้ |
setDraggable |
setDraggable(draggable) พารามิเตอร์:
ค่าที่ส่งกลับ: ไม่มี
หากตั้งค่าเป็น true ผู้ใช้สามารถลากสี่เหลี่ยมผืนผ้านี้ไปบนแผนที่ได้ |
setEditable |
setEditable(editable) พารามิเตอร์:
ค่าที่ส่งกลับ: ไม่มี
หากตั้งค่าเป็น true ผู้ใช้จะแก้ไขสี่เหลี่ยมผืนผ้านี้ได้โดยลากจุดควบคุมที่แสดงที่มุมต่างๆ และขอบแต่ละด้าน |
setMap |
setMap(map) พารามิเตอร์:
ค่าที่ส่งกลับ: ไม่มี
แสดงผลสี่เหลี่ยมผืนผ้าบนแผนที่ที่ระบุ หากตั้งแผนที่เป็น null ระบบจะนําสี่เหลี่ยมออก |
setOptions |
setOptions(options) พารามิเตอร์:
ค่าที่ส่งกลับ: ไม่มี
|
setVisible |
setVisible(visible) พารามิเตอร์:
ค่าที่ส่งกลับ: ไม่มี
ซ่อนสี่เหลี่ยมผืนผ้านี้หากตั้งค่าเป็น 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 DOM เริ่มทํางานในสี่เหลี่ยมผืนผ้า |
mousemove |
function(event) อาร์กิวเมนต์:
เหตุการณ์นี้จะเกิดขึ้นเมื่อเหตุการณ์ DOMเมาส์move เริ่มทํางานในสี่เหลี่ยมผืนผ้า |
mouseout |
function(event) อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อมีการเลื่อนเมาส์ออก |
mouseover |
function(event) อาร์กิวเมนต์:
เหตุการณ์นี้จะเกิดขึ้นเมื่อเมาส์โอเวอร์เป็นรูปสี่เหลี่ยม |
mouseup |
function(event) อาร์กิวเมนต์:
เหตุการณ์นี้จะเกิดขึ้นเมื่อเหตุการณ์ที่ใช้เมาส์โอเวอร์เริ่มทํางานในสี่เหลี่ยมผืนผ้า |
|
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 เมื่อเทียบกับโพลีอื่นๆ |
Circle คลาส
google.maps.Circle
ชั้น
วงกลมบนพื้นผิวโลก หรือที่เรียกว่า "เส้นรอบวง"
คลาสนี้จะขยาย
MVCObject
เข้าถึงโดยโทรไปที่ const {Circle} = await google.maps.importLibrary("maps")
ดูห้องสมุดใน Maps JavaScript API
ผู้ผลิต | |
---|---|
Circle |
Circle([circleOrCircleOptions]) พารามิเตอร์:
สร้างแวดวงโดยใช้ 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) พารามิเตอร์:
ค่าที่ส่งกลับ: ไม่มี
ตั้งศูนย์กลางของแวดวงนี้ |
setDraggable |
setDraggable(draggable) พารามิเตอร์:
ค่าที่ส่งกลับ: ไม่มี
หากตั้งค่าเป็น true ผู้ใช้สามารถลากวงกลมนี้ไปไว้เหนือแผนที่ |
setEditable |
setEditable(editable) พารามิเตอร์:
ค่าที่ส่งกลับ: ไม่มี
หากตั้งค่าเป็น true ผู้ใช้จะแก้ไขวงกลมนี้ได้โดยลากจุดควบคุมที่ตรงกลางและรอบเส้นรอบวงกลม |
setMap |
setMap(map) พารามิเตอร์:
ค่าที่ส่งกลับ: ไม่มี
แสดงวงกลมบนแผนที่ที่ระบุ หากตั้งค่าแผนที่เป็น null ระบบจะนําแวดวงออก |
setOptions |
setOptions(options) พารามิเตอร์:
ค่าที่ส่งกลับ: ไม่มี
|
setRadius |
setRadius(radius) พารามิเตอร์:
ค่าที่ส่งกลับ: ไม่มี
ตั้งค่ารัศมีของวงกลมนี้ (หน่วยเป็นเมตร) |
setVisible |
setVisible(visible) พารามิเตอร์:
ค่าที่ส่งกลับ: ไม่มี
ซ่อนแวดวงนี้หากตั้งค่าเป็น false |
รับค่าเดิม:
addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
กิจกรรม | |
---|---|
center_changed |
function() อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเกิดขึ้นเมื่อมีการเปลี่ยนแปลงที่จุดศูนย์กลางของวงกลม |
click |
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เมาส์move เริ่มทํางานในแวดวง |
mouseout |
function(event) อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อมีการเลื่อนเมาส์ออก |
mouseover |
function(event) อาร์กิวเมนต์:
เหตุการณ์นี้เกิดขึ้นเมื่อมีการเลื่อนเมาส์ผ่าน |
mouseup |
function(event) อาร์กิวเมนต์:
เหตุการณ์นี้จะเกิดขึ้นเมื่อเหตุการณ์ที่ใช้เมาส์เมาส์ DOM เริ่มทํางานในแวดวง |
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 ดัชนี z เมื่อเทียบกับโพลีอื่นๆ |
StrokePosition คงที่
google.maps.StrokePosition
ค่าคงที่
ตําแหน่งที่เป็นไปได้ของเส้นโครงร่างบนรูปหลายเหลี่ยม
เข้าถึงโดยโทรไปที่ const {StrokePosition} = await google.maps.importLibrary("maps")
ดูห้องสมุดใน Maps JavaScript API
ค่าคงที่ | |
---|---|
CENTER |
เส้นโครงร่างจะอยู่ตรงกลางเส้นทางของรูปหลายเหลี่ยม โดยครึ่งเส้นเป็นเส้นโครงร่างภายในรูปหลายเหลี่ยมและครึ่งหนึ่งของเส้นโครงร่างอยู่นอกรูปหลายเหลี่ยม |
INSIDE |
เส้นโครงร่างจะอยู่ในรูปหลายเหลี่ยม |
OUTSIDE |
เส้นโครงร่างอยู่นอกรูปหลายเหลี่ยม |