Marker ชั้นเรียน
google.maps.Marker
ชั้น
คลาสนี้จะขยาย
MVCObject
เข้าถึงโดยโทรไปที่ const {Marker} = await google.maps.importLibrary("marker")
ดูห้องสมุดใน Maps JavaScript API
ผู้ผลิต | |
---|---|
Marker |
Marker([opts]) พารามิเตอร์:
สร้างเครื่องหมายพร้อมตัวเลือกที่ระบุ หากมีการระบุแผนที่ เครื่องหมายจะถูกเพิ่มในแผนที่ระหว่างการสร้าง โปรดทราบว่าต้องกําหนดตําแหน่งให้เครื่องหมายแสดง |
วิธีการ | |
---|---|
getAnimation |
getAnimation() พารามิเตอร์: ไม่มี
ค่าที่ส่งกลับ:
Animation|null|undefined รับภาพเคลื่อนไหวที่ทํางานอยู่ |
getClickable |
getClickable() พารามิเตอร์: ไม่มี
ค่าที่ส่งคืน:
boolean จริง หากเครื่องหมายสามารถคลิกได้ดูสถานะที่คลิกได้ของ Marker |
getCursor |
getCursor() พารามิเตอร์: ไม่มี
ค่าที่ส่งกลับ:
string|null|undefined ดูประเภทเคอร์เซอร์เมาส์ที่แสดงเมื่อวางเมาส์เหนือ |
getDraggable |
getDraggable() พารามิเตอร์: ไม่มี
ค่าที่แสดงผล:
boolean เป็นจริงหากสามารถลากเครื่องหมายได้ดูสถานะที่ลากได้ของ Marker |
getIcon |
getIcon() พารามิเตอร์: ไม่มี
รับไอคอนของ Marker ดู MarkerOptions.icon |
getLabel |
getLabel() พารามิเตอร์: ไม่มี
ค่าที่ส่งกลับ:
MarkerLabel|null|string|undefined รับป้ายกํากับของ Marker ดู MarkerOptions.label |
getMap |
getMap() พารามิเตอร์: ไม่มี
ค่าที่ส่งกลับ:
Map|StreetViewPanorama รับแผนที่หรือ Panaroama ที่แสดง Marker |
getOpacity |
getOpacity() พารามิเตอร์: ไม่มี
แสดงผลค่า:
number|null|undefined ตัวเลขระหว่าง 0.0 ถึง 1.0แสดงความทึบของ Marker |
getPosition |
getPosition() พารามิเตอร์: ไม่มี
ค่าที่ส่งกลับ:
LatLng|null|undefined รับตําแหน่งของ Marker |
getShape |
getShape() พารามิเตอร์: ไม่มี
ค่าที่ส่งกลับ:
MarkerShape|null|undefined |
getTitle |
getTitle() พารามิเตอร์: ไม่มี
ค่าที่ส่งกลับ:
string|null|undefined รับชื่อเคล็ดลับเครื่องมือ Marker ดู MarkerOptions.title |
getVisible |
getVisible() พารามิเตอร์: ไม่มี
ค่าการแสดงผล:
boolean แสดงจริงเมื่อเครื่องหมายระบุตําแหน่งปรากฏดูระดับการเข้าถึงของ Marker |
getZIndex |
getZIndex() พารามิเตอร์: ไม่มี
ค่าที่แสดงผล:
number|null|undefined zIndex of Markerรับ zIndex ของ Marker ดู MarkerOptions.zIndex |
setAnimation |
setAnimation([animation]) พารามิเตอร์:
ค่าที่ส่งกลับ: ไม่มี
เริ่มภาพเคลื่อนไหว ภาพเคลื่อนไหวที่ดําเนินการอยู่จะถูกยกเลิก ในขณะนี้ภาพเคลื่อนไหวที่สนับสนุน ได้แก่ Animation.BOUNCE , Animation.DROP การผ่านใน null จะทําให้ภาพเคลื่อนไหวหยุดลง |
setClickable |
setClickable(flag) พารามิเตอร์:
ค่าที่ส่งกลับ: ไม่มี
ตั้งค่าว่าคลิก Marker ได้หรือไม่ |
setCursor |
setCursor([cursor]) พารามิเตอร์:
ค่าที่ส่งกลับ: ไม่มี
ตั้งค่าประเภทของเคอร์เซอร์เมาส์เมื่อวางเมาส์เหนือ |
setDraggable |
setDraggable(flag) พารามิเตอร์:
ค่าที่ส่งกลับ: ไม่มี
ตั้งค่าว่าจะให้ลาก Marker ได้หรือไม่ |
setIcon |
setIcon([icon]) ค่าที่ส่งกลับ: ไม่มี
ตั้งค่าไอคอนสําหรับ Marker ดู MarkerOptions.icon |
setLabel |
setLabel([label]) พารามิเตอร์:
ค่าที่ส่งกลับ: ไม่มี
ตั้งค่าป้ายกํากับสําหรับ Marker ดู MarkerOptions.label |
setMap |
setMap(map) พารามิเตอร์:
ค่าที่ส่งกลับ: ไม่มี
แสดง Marker บนแผนที่หรือภาพพาโนรามาที่ระบุ หากตั้งค่าแผนที่เป็น null ระบบจะนําเครื่องหมายออก |
setOpacity |
setOpacity([opacity]) พารามิเตอร์:
ค่าที่ส่งกลับ: ไม่มี
ตั้งค่าความทึบของ Marker |
setOptions |
setOptions(options) พารามิเตอร์:
ค่าที่ส่งกลับ: ไม่มี
ตั้งค่าตัวเลือกสําหรับ Marker |
setPosition |
setPosition([latlng]) พารามิเตอร์:
ค่าที่ส่งกลับ: ไม่มี
ตั้งค่าโพสต์สําหรับ Marker |
setShape |
setShape([shape]) พารามิเตอร์:
ค่าที่ส่งกลับ: ไม่มี
|
setTitle |
setTitle([title]) พารามิเตอร์:
ค่าที่ส่งกลับ: ไม่มี
ตั้งชื่อเคล็ดลับเครื่องมือ Marker ดู MarkerOptions.title |
setVisible |
setVisible(visible) พารามิเตอร์:
ค่าที่ส่งกลับ: ไม่มี
ตั้งค่าให้แสดง Marker |
setZIndex |
setZIndex([zIndex]) พารามิเตอร์:
ค่าที่ส่งกลับ: ไม่มี
ตั้งค่า zIndex ของ Marker ดู MarkerOptions.zIndex |
รับค่าเดิม:
addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
ค่าคงที่ | |
---|---|
MAX_ZINDEX |
ดัชนีลําดับ Z เริ่มต้นสูงสุดที่ API จะกําหนดให้กับตัวทําเครื่องหมาย คุณอาจตั้งค่าดัชนีลําดับ Z ให้สูงขึ้นเพื่อนําตัวทําเครื่องหมายด้านหน้า |
กิจกรรม | |
---|---|
animation_changed |
function() อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเกิดขึ้นเมื่อพร็อพเพอร์ตี้ภาพเคลื่อนไหว Marker มีการเปลี่ยนแปลง |
click |
function(event) อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อมีการคลิกไอคอน Marker |
clickable_changed |
function() อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเกิดขึ้นเมื่อพร็อพเพอร์ตี้ที่คลิกได้ Marker มีการเปลี่ยนแปลง |
contextmenu |
function(event) อาร์กิวเมนต์:
เหตุการณ์จะเริ่มทํางานเมื่อเหตุการณ์เมนูตามบริบทของ DOM เริ่มทํางานใน Marker |
cursor_changed |
function() อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเกิดขึ้นเมื่อพร็อพเพอร์ตี้เคอร์เซอร์ Marker มีการเปลี่ยนแปลง |
dblclick |
function(event) อาร์กิวเมนต์:
เหตุการณ์นี้จะเกิดขึ้นเมื่อไอคอน Marker ดับเบิลคลิก |
drag |
function(event) อาร์กิวเมนต์:
เหตุการณ์นี้จะเกิดขึ้นซ้ําๆ ขณะที่ผู้ใช้ลาก Marker |
dragend |
function(event) อาร์กิวเมนต์:
เหตุการณ์นี้จะเกิดขึ้นเมื่อผู้ใช้หยุดลาก Marker |
draggable_changed |
function() อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเกิดขึ้นเมื่อมีการเปลี่ยนแปลงพร็อพเพอร์ตี้ที่ลากได้ Marker |
dragstart |
function(event) อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อผู้ใช้เริ่มลาก Marker |
flat_changed |
function() อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเกิดขึ้นเมื่อพร็อพเพอร์ตี้ Marker มีการเปลี่ยนแปลง |
icon_changed |
function() อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเกิดขึ้นเมื่อพร็อพเพอร์ตี้ไอคอน Marker เปลี่ยนแปลง |
mousedown |
function(event) อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานสําหรับเหตุการณ์เลื่อนเมาส์ลงบน Marker |
mouseout |
function(event) อาร์กิวเมนต์:
เหตุการณ์นี้จะเกิดขึ้นเมื่อเมาส์ออกจากไอคอน Marker |
mouseover |
function(event) อาร์กิวเมนต์:
เหตุการณ์นี้จะเกิดขึ้นเมื่อเมาส์เข้าสู่พื้นที่ของไอคอน Marker |
mouseup |
function(event) อาร์กิวเมนต์:
เหตุการณ์นี้เริ่มทํางานสําหรับเมาส์โอเวอร์ใน Marker |
position_changed |
function() อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเกิดขึ้นเมื่อพร็อพเพอร์ตี้ตําแหน่ง Marker มีการเปลี่ยนแปลง |
shape_changed |
function() อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเกิดขึ้นเมื่อพร็อพเพอร์ตี้พร็อพเพอร์ตี้ Marker มีการเปลี่ยนแปลง |
title_changed |
function() อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเกิดขึ้นเมื่อพร็อพเพอร์ตี้ Marker มีการเปลี่ยนแปลง |
visible_changed |
function() อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเกิดขึ้นเมื่อพร็อพเพอร์ตี้ที่มองเห็นได้มีการเปลี่ยนแปลง Marker รายการ |
zindex_changed |
function() อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเกิดขึ้นเมื่อพร็อพเพอร์ตี้ zIndex Marker มีการเปลี่ยนแปลง |
|
function(event) อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานโดยคลิกขวาที่ Marker |
MarkerOptions อินเทอร์เฟซ
google.maps.MarkerOptions
อินเทอร์เฟซ
ออบเจ็กต์ MarkerOptions ใช้ในการกําหนดคุณสมบัติที่ตั้งค่าใน Marker ได้
พร็อพเพอร์ตี้ | |
---|---|
anchorPoint optional |
ประเภท:
Point optional ค่าออฟเซ็ตจากตําแหน่งของเครื่องหมายถึงปลาย InfoWindow ที่เปิดด้วยเครื่องหมาย Anchor |
animation optional |
ประเภท:
Animation optional ค่าเริ่มต้น:
null ภาพเคลื่อนไหวที่จะเล่นเมื่อมีการเพิ่มเครื่องหมายในแผนที่ |
clickable optional |
ประเภท:
boolean optional ค่าเริ่มต้น:
true หากเป็น true เครื่องหมายจะรับเหตุการณ์ที่เป็นเมาส์และการแตะ |
|
ประเภท:
string|CollisionBehavior optional ค่าเริ่มต้น:
null ตั้งค่าลักษณะการชนกันของเครื่องหมายบนแผนที่เวกเตอร์ |
crossOnDrag optional |
ประเภท:
boolean optional ค่าเริ่มต้น:
true หาก false ให้ปิดการใช้งานเครื่องหมายกากบาทที่ปรากฏด้านล่างเครื่องหมายเมื่อลาก |
cursor optional |
ประเภท:
string optional ค่าเริ่มต้น:
pointer ประเภทเคอร์เซอร์เมาส์ที่จะแสดงเมื่อวางเมาส์เหนือ |
draggable optional |
ประเภท:
boolean optional ค่าเริ่มต้น:
false หาก true เครื่องหมายสามารถลากได้ |
icon optional |
ไอคอนสําหรับส่วนหน้า หากมีการระบุสตริง ระบบจะถือว่าเป็น Icon ที่มีสตริงเป็น url |
label optional |
ประเภท:
string|MarkerLabel optional ค่าเริ่มต้น:
null เพิ่มป้ายกํากับให้กับเครื่องหมาย ป้ายกํากับเครื่องหมายคือตัวอักษรหรือตัวเลขที่ปรากฏในเครื่องหมาย ป้ายกํากับอาจเป็นสตริงหรือออบเจ็กต์ MarkerLabel หากไม่ได้ระบุรหัสดังกล่าวและไม่ได้ระบุ MarkerOptions.title ระบบจะเพิ่มข้อความการช่วยเหลือพิเศษ (เช่น เพื่อใช้กับโปรแกรมอ่านหน้าจอ) ให้กับเครื่องหมายที่มีข้อความของป้ายกํากับที่ระบุ โปรดทราบว่าขณะนี้ label ใช้สําหรับข้อความการช่วยเหลือพิเศษของเครื่องหมายที่ไม่ได้เพิ่มประสิทธิภาพเท่านั้น |
map optional |
ประเภท:
Map|StreetViewPanorama optional แผนที่ที่จะแสดงเครื่องหมาย แผนที่นี้จําเป็นต้องแสดงตัวทําเครื่องหมายและจะมีให้ Marker.setMap ได้หากไม่ได้ระบุไว้ที่ตัวสร้างเครื่องหมาย |
opacity optional |
ประเภท:
number optional ค่าเริ่มต้น: 1.0
จํานวนระหว่าง 0.0 โปร่งใส และ 1.0 ทึบ |
optimized optional |
ประเภท:
boolean optional การเพิ่มประสิทธิภาพช่วยปรับปรุงประสิทธิภาพโดยการแสดงผลเครื่องหมายจํานวนมากเป็นองค์ประกอบคงที่องค์ประกอบเดียว ซึ่งเป็นประโยชน์ในกรณีที่จําเป็นต้องมีตัวทําเครื่องหมายจํานวนมาก อ่านเพิ่มเติมเกี่ยวกับการเพิ่มประสิทธิภาพตัวทําเครื่องหมาย |
position optional |
ประเภท:
LatLng|LatLngLiteral optional กําหนดตําแหน่งของเครื่องหมาย เครื่องหมายอาจถูกสร้างขึ้นแต่จะไม่แสดงจนกว่าจะระบุตําแหน่ง ตัวอย่างเช่น กําหนดโดยตัวเลือกของผู้ใช้ สามารถระบุตําแหน่งของเครื่องหมาย Marker.setPosition ได้หากไม่ได้ระบุไว้ตรงตําแหน่งเครื่องหมาย |
shape optional |
ประเภท:
MarkerShape optional คําจํากัดความภูมิภาคของแผนที่ภาพที่ใช้สําหรับลาก/คลิก |
title optional |
ประเภท:
string optional ค่าเริ่มต้น:
undefined วางเมาส์เหนือข้อความ ข้อความการเข้าถึง (เช่น สําหรับใช้กับโปรแกรมอ่านหน้าจอ) จะปรากฏในเครื่องหมายที่มีค่าที่ระบุ (หากให้ไว้) โปรดทราบว่าขณะนี้ title ใช้สําหรับข้อความการช่วยเหลือพิเศษของเครื่องหมายที่ไม่ได้เพิ่มประสิทธิภาพเท่านั้น |
visible optional |
ประเภท:
boolean optional ค่าเริ่มต้น:
true ถ้า true เครื่องหมายจะปรากฏ |
zIndex optional |
ประเภท:
number optional เครื่องหมายทั้งหมดจะปรากฏบนแผนที่ตามค่า zIndex โดยมีค่าที่สูงขึ้นแสดงข้างหน้าเครื่องหมายที่มีค่าต่ํากว่า โดยค่าเริ่มต้น เครื่องหมายแสดงตามตําแหน่งแนวตั้งบนหน้าจอ โดยมีเครื่องหมายด้านล่างปรากฏที่ด้านหน้าของหน้าจอ |
CollisionBehavior ค่าคงที่
google.maps.CollisionBehavior
ค่าคงที่
เข้าถึงโดยโทรไปที่ const {CollisionBehavior} = await google.maps.importLibrary("marker")
ดูห้องสมุดใน Maps JavaScript API
ค่าคงที่ | |
---|---|
OPTIONAL_AND_HIDES_LOWER_PRIORITY |
แสดงเครื่องหมายเฉพาะเมื่อไม่มีการทับซ้อนกับเครื่องหมายอื่นๆ เท่านั้น หากตัวทําเครื่องหมาย 2 ตัวประเภทนี้ทับซ้อนกัน ตัวที่มีเครื่องหมาย zIndex จะสูงขึ้น หากรูปเหล่านั้นมี zIndex เดียวกัน รายการที่มีตําแหน่งหน้าจอแนวตั้งต่ําจะแสดงขึ้นมา |
REQUIRED |
แสดงเครื่องหมายเสมอหากมีการชนกัน นี่คือลักษณะการทํางานเริ่มต้น |
REQUIRED_AND_HIDES_OPTIONAL |
แสดงเครื่องหมายเสมอโดยไม่คํานึงถึงการชนกัน และซ่อนเครื่องหมาย OPTIONAL_AND_HIDES_LOWER_PRIORITY ใดหรือป้ายกํากับที่จะซ้อนทับกับเครื่องหมาย |
ไอคอน
google.maps.Icon
อินเทอร์เฟซ
โครงสร้างที่แสดงรูปภาพไอคอนเครื่องหมาย
พร็อพเพอร์ตี้ | |
---|---|
url |
ประเภท:
string URL ของรูปภาพหรือสไปรท์ชีต |
anchor optional |
ประเภท:
Point optional ตําแหน่งที่ตรึงรูปภาพเพื่อสัมพันธ์กับตําแหน่งของเครื่องหมายบนแผนที่ โดยค่าเริ่มต้น จุดยึดจะอยู่ที่จุดกึ่งกลางด้านล่างของรูปภาพ |
labelOrigin optional |
ประเภท:
Point optional ต้นทางของป้ายกํากับเมื่อเทียบกับมุมซ้ายบนของรูปภาพไอคอน หากป้ายกํากับถูกระบุโดยเครื่องหมาย โดยค่าเริ่มต้น ต้นทางจะอยู่ที่จุดกึ่งกลางของรูปภาพ |
origin optional |
ประเภท:
Point optional ตําแหน่งของรูปภาพภายในสไปรท์ (หากมี) โดยค่าเริ่มต้น ต้นทางจะอยู่ที่มุมซ้ายบนของรูปภาพ (0, 0) |
scaledSize optional |
ประเภท:
Size optional ขนาดของทั้งรูปภาพหลังจากปรับขนาดแล้ว หากมี ใช้คุณสมบัตินี้เพื่อยืด/ย่อรูปภาพหรือสไปรท์ |
size optional |
ประเภท:
Size optional ขนาดการแสดงสไปรท์หรือรูปภาพ เมื่อใช้สไปรท์ คุณต้องระบุขนาดสไปรท์ หากไม่ได้ระบุขนาดไว้ ระบบจะกําหนดขนาดเมื่อรูปภาพโหลด |
MarkerLabel อินเทอร์เฟซ
google.maps.MarkerLabel
อินเทอร์เฟซ
ตัวเลือกเหล่านี้จะระบุลักษณะที่ปรากฏของป้ายกํากับเครื่องหมาย ป้ายกํากับเครื่องหมายคือสตริง (มักจะมีอักขระหนึ่งตัว) ซึ่งจะปรากฏภายในเครื่องหมาย หากกําลังใช้ร่วมกับเครื่องหมายที่กําหนดเอง คุณสามารถวางตําแหน่งใหม่โดยใช้พร็อพเพอร์ตี้ labelOrigin
ในคลาส Icon
ได้
พร็อพเพอร์ตี้ | |
---|---|
text |
ประเภท:
string ข้อความที่จะแสดงในป้ายกํากับ |
className optional |
ประเภท:
string optional ค่าเริ่มต้น:
'' (สตริงว่างเปล่า)คุณสมบัติ className ขององค์ประกอบป้ายกํากับ (เทียบเท่ากับแอตทริบิวต์ class ขององค์ประกอบ) เพิ่มคลาส CSS ที่คั่นด้วยช่องว่างได้หลายคลาส ตั้งค่าสี ขนาด น้ําหนัก แบบอักษร และแบบอักษรได้ผ่านคุณสมบัติอื่นๆ ของ MarkerLabel เท่านั้น ไม่ควรใช้คลาส CSS ในการเปลี่ยนตําแหน่งหรือการวางแนวของป้ายกํากับ (เช่น การใช้การแปลและการหมุน) หากใช้การจัดการการชนกันของเครื่องหมายด้วย |
color optional |
ประเภท:
string optional ค่าเริ่มต้น:
'black' สีของข้อความป้ายกํากับ |
fontFamily optional |
ประเภท:
string optional ชุดแบบอักษรของข้อความป้ายกํากับ (เทียบเท่ากับคุณสมบัติตระกูลแบบอักษรของ CSS) |
fontSize optional |
ประเภท:
string optional ค่าเริ่มต้น:
'14px' ขนาดแบบอักษรของข้อความป้ายกํากับ (เทียบเท่ากับพร็อพเพอร์ตี้ขนาดแบบอักษรของ CSS) |
fontWeight optional |
ประเภท:
string optional น้ําหนักแบบอักษรของข้อความป้ายกํากับ (เทียบเท่ากับคุณสมบัติน้ําหนักแบบอักษรของ CSS) |
MarkerShape อินเทอร์เฟซ
google.maps.MarkerShape
อินเทอร์เฟซ
ออบเจ็กต์นี้กําหนดภูมิภาคที่คลิกได้ของรูปภาพเครื่องหมาย รูปทรงนี้ประกอบด้วยพร็อพเพอร์ตี้ 2 รายการ ได้แก่ type
และ coord
ซึ่งกําหนดพื้นที่ไม่โปร่งใสของรูปภาพ
พร็อพเพอร์ตี้ | |
---|---|
coords |
ประเภท:
Array<number> รูปแบบของแอตทริบิวต์นี้ขึ้นอยู่กับค่าของ type และสอดคล้องกับข้อกําหนด w3 coords ในพื้นที่ซึ่งพบได้ที่ http://www.w3.org/TR/REC-html40/struct/objects.html#adef-coords แอตทริบิวต์ coords คืออาร์เรย์ของจํานวนเต็มที่ระบุตําแหน่งพิกเซลของรูปร่างเมื่อเทียบกับมุมซ้ายบนของรูปภาพเป้าหมาย พิกัดจะขึ้นอยู่กับค่าของ type ดังนี้ - circle : พิกัดคือ [x1,y1,r] โดยที่ x1,y2 คือพิกัดของจุดศูนย์กลางของวงกลม และ r คือรัศมีของวงกลม - poly : พิกัดคือ [x1,y1,x2,y2...xn,yn] โดยที่แต่ละคู่ของ x,y มีพิกัดของจุดยอดมุมของรูปหลายเหลี่ยมหนึ่งจุด - rect : พิกัดคือ [x1,y1,x2,y2] โดยที่ x1,y1 คือพิกัดมุมซ้ายบนของรูปสี่เหลี่ยมผืนผ้าและ x2,y2 คือพิกัดของพิกัดด้านขวาล่างของรูปสี่เหลี่ยมผืนผ้า |
type |
ประเภท:
string อธิบายชนิดของรูปร่างและอาจเป็น circle , poly หรือ rect |
สัญลักษณ์
google.maps.Symbol
อินเทอร์เฟซ
อธิบายสัญลักษณ์ซึ่งประกอบด้วยเส้นทางเวกเตอร์ที่มีการจัดรูปแบบ สัญลักษณ์สามารถใช้เป็นไอคอนของเครื่องหมายระบุตําแหน่งหรือวางบนเส้นประกอบก็ได้
พร็อพเพอร์ตี้ | |
---|---|
path |
ประเภท:
SymbolPath|string เส้นทางของสัญลักษณ์ซึ่งเป็นเส้นทางสัญลักษณ์ในตัวหรือเส้นทางที่กําหนดเองที่แสดงโดยใช้สัญลักษณ์เส้นทาง SVG ต้องระบุ |
anchor optional |
ประเภท:
Point optional ค่าเริ่มต้น:
google.maps.Point(0,0) ตําแหน่งของสัญลักษณ์เมื่อเทียบกับเครื่องหมายหรือเส้นประกอบ พิกัดของเส้นทางของสัญลักษณ์จะได้รับการแปลไปทางซ้ายและขึ้นโดยพิกัดจุดยึด x และ y ตามลําดับ ตําแหน่งจะแสดงในระบบพิกัดเดียวกันกับเส้นทางของสัญลักษณ์ |
fillColor optional |
ประเภท:
string optional สีเติมของสัญลักษณ์ รองรับสี CSS3 ทั้งหมด ยกเว้นสีที่มีชื่อขยาย สําหรับเครื่องหมายสัญลักษณ์ ค่านี้จะมีค่าเริ่มต้นเป็น "สีดํา" สําหรับสัญลักษณ์ในเส้น ค่าเริ่มต้นจะเป็นสีเส้นโครงร่างของเส้นประกอบที่เกี่ยวข้อง |
fillOpacity optional |
ประเภท:
number optional ค่าเริ่มต้น:
0 ความทึบของสัญลักษณ์ |
labelOrigin optional |
ประเภท:
Point optional ค่าเริ่มต้น:
google.maps.Point(0,0) ต้นทางของป้ายกํากับเมื่อเทียบกับต้นทางของเส้นทาง ถ้าป้ายกํากับถูกระบุโดยเครื่องหมาย จุดเริ่มต้นจะแสดงในระบบพิกัดเดียวกันกับเส้นทางของสัญลักษณ์ พร็อพเพอร์ตี้นี้ไม่ได้ใช้สําหรับสัญลักษณ์ในโพลีไลน์ |
rotation optional |
ประเภท:
number optional ค่าเริ่มต้น:
0 มุมที่จะหมุนสัญลักษณ์ แสดงตามเข็มนาฬิกาเป็นองศา สัญลักษณ์ใน IconSequence ซึ่ง fixedRotation ถูกหมุนแบบ false เมื่อเทียบกับมุมของขอบที่ข้อความนั้นตั้งอยู่ |
scale optional |
ประเภท:
number optional ขนาดที่มีการปรับขนาดสัญลักษณ์ สําหรับเครื่องหมายสัญลักษณ์ ค่าเริ่มต้นนี้จะเป็น 1 หลังจากการปรับขนาด สัญลักษณ์อาจมีขนาดเท่าใดก็ได้ สําหรับสัญลักษณ์บนโพลีไลน์ ค่าเริ่มต้นนี้จะแสดงน้ําหนักเส้นของเส้นประกอบ หลังจากปรับขนาดแล้ว สัญลักษณ์จะต้องอยู่ภายในสี่เหลี่ยมจัตุรัสขนาด 22 พิกเซลโดยมีจุดศูนย์กลางอยู่ที่จุดยึดของสัญลักษณ์ |
strokeColor optional |
ประเภท:
string optional สีเส้นโครงร่างของสัญลักษณ์ รองรับสี CSS3 ทั้งหมด ยกเว้นสีที่มีชื่อขยาย สําหรับเครื่องหมายสัญลักษณ์ ค่านี้จะมีค่าเริ่มต้นเป็น "สีดํา" สัญลักษณ์ต่างๆ ในโพลีไลน์จะใช้เส้นโครงร่างเป็นสีเส้นโครงร่าง |
strokeOpacity optional |
ประเภท:
number optional ความโปร่งแสงของเส้นโครงร่างของสัญลักษณ์ สําหรับเครื่องหมายสัญลักษณ์จะมีค่าเริ่มต้นเป็น 1 สัญลักษณ์ต่างๆ ในโพลีไลน์จะใช้ความโปร่งแสงของเส้นประกอบเป็นค่าเริ่มต้น |
strokeWeight optional |
ประเภท:
number optional ค่าเริ่มต้น:
Symbol.scale ของสัญลักษณ์น้ําหนักเส้นโครงร่างของสัญลักษณ์ |
SymbolPath ค่าคงที่
google.maps.SymbolPath
ค่าคงที่
เส้นทางสัญลักษณ์ในตัว
เข้าถึงโดยโทรไปที่ const {SymbolPath} = await google.maps.importLibrary("core")
ดูห้องสมุดใน Maps JavaScript API
ค่าคงที่ | |
---|---|
BACKWARD_CLOSED_ARROW |
ลูกศรแบบชี้ชี้ไปข้างหลัง |
BACKWARD_OPEN_ARROW |
ลูกศรเปิดชี้ย้อนหลัง |
CIRCLE |
วงกลม |
FORWARD_CLOSED_ARROW |
ลูกศรชี้ไปข้างหน้า |
FORWARD_OPEN_ARROW |
ลูกศรเปิดชี้ไปข้างหน้า |
ภาพเคลื่อนไหว
google.maps.Animation
ค่าคงที่
ภาพเคลื่อนไหวที่สามารถเล่นบนเครื่องหมายได้ ใช้วิธีการ Marker.setAnimation
บนตัวทําเครื่องหมายหรือตัวเลือก MarkerOptions.animation
เพื่อเล่นภาพเคลื่อนไหว
เข้าถึงโดยโทรไปที่ const {Animation} = await google.maps.importLibrary("marker")
ดูห้องสมุดใน Maps JavaScript API
ค่าคงที่ | |
---|---|
BOUNCE |
เครื่องหมายจะตีกลับจนกว่าจะหยุดภาพเคลื่อนไหวโดยเรียก Marker.setAnimation ด้วย null |
DROP |
เครื่องหมายวางลงจากด้านบนของแผนที่ไปยังตําแหน่งสุดท้าย ภาพเคลื่อนไหวจะหยุดทํางานเมื่อเครื่องหมายหยุดนิ่งและ Marker.getAnimation จะส่งกลับ null โดยปกติภาพเคลื่อนไหวประเภทนี้จะได้รับการระบุระหว่างการสร้างเครื่องหมาย |