Marker class
google.maps.Marker
class
คลาสนี้ขยายจาก MVCObject
เข้าถึงโดยการโทรหา const {Marker} = await google.maps.importLibrary("marker")
โปรดดูไลบรารีใน Maps JavaScript API
ผู้ผลิต | |
---|---|
Marker | Marker([opts]) พารามิเตอร์:
สร้างเครื่องหมายที่มีตัวเลือกที่ระบุ หากระบุแผนที่ ระบบจะเพิ่มเครื่องหมายลงในแผนที่เมื่อสร้าง โปรดทราบว่าต้องตั้งค่าตำแหน่งเพื่อให้เครื่องหมายแสดง |
ค่าคงที่ | |
---|---|
MAX_ZINDEX | อันดับ z เริ่มต้นสูงสุดที่ API จะกำหนดให้กับเครื่องหมาย คุณอาจตั้งค่า z-index ให้สูงขึ้นเพื่อนำเครื่องหมายไปไว้ด้านหน้า |
เมธอด | |
---|---|
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|string|null|undefined ดูป้ายกำกับของ Marker ดู MarkerOptions.label |
getMap | getMap() พารามิเตอร์: ไม่มี ผลลัพธ์: Map|StreetViewPanorama รับแผนที่หรือภาพพาโนรามาที่แสดงผล 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 ของเครื่องหมายรับ 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 |
กิจกรรม | |
---|---|
animation_changed | function() อาร์กิวเมนต์: ไม่มี เหตุการณ์นี้จะเริ่มต้นขึ้นเมื่อพร็อพเพอร์ตี้ภาพเคลื่อนไหว Marker มีการเปลี่ยนแปลง |
click | function(event) อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มต้นเมื่อมีการคลิกไอคอน Marker |
clickable_changed | function() อาร์กิวเมนต์: ไม่มี เหตุการณ์นี้จะเริ่มต้นเมื่อพร็อพเพอร์ตี้ที่คลิกได้ Marker มีการเปลี่ยนแปลง |
contextmenu | function(event) อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มต้นเมื่อเหตุการณ์ contextmenu ของ 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 Flat |
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() อาร์กิวเมนต์: ไม่มี เหตุการณ์นี้จะทริกเกอร์เมื่อ Marker พร็อพเพอร์ตี้ zIndex มีการเปลี่ยนแปลง |
| function(event) อาร์กิวเมนต์:
เหตุการณ์นี้จะทํางานเมื่อคลิกขวาที่ Marker |
MarkerOptions interface
google.maps.MarkerOptions
อินเทอร์เฟซ
ออบเจ็กต์ MarkerOptions ที่ใช้เพื่อกำหนดพร็อพเพอร์ตี้ที่ตั้งค่าในเครื่องหมายได้
พร็อพเพอร์ตี้ | |
---|---|
anchorPoint optional | ประเภท: Point optional การเลื่อนจากตําแหน่งของหมุดไปยังปลายของ InfoWindow ที่เปิดขึ้นโดยมีหมุดเป็นจุดยึด |
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 แสดงว่าลากเครื่องหมายได้ หมายเหตุ: การตั้งค่านี้เป็น true จะทำให้เครื่องหมายคลิกได้แม้ว่าจะตั้งค่า clickable เป็น false ก็ตาม |
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 constants
google.maps.CollisionBehavior
constants
เข้าถึงโดยการโทรหา 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 interface
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 ชุดแบบอักษรของข้อความป้ายกำกับ (เทียบเท่ากับพร็อพเพอร์ตี้ font-family ของ CSS) |
fontSize optional | ประเภท: string optional ค่าเริ่มต้น: '14px' ขนาดแบบอักษรของข้อความป้ายกำกับ (เทียบเท่ากับพร็อพเพอร์ตี้ font-size ของ CSS) |
fontWeight optional | ประเภท: string optional น้ำหนักแบบอักษรของข้อความป้ายกำกับ (เทียบเท่ากับพร็อพเพอร์ตี้ font-weight ของ CSS) |
MarkerShape อินเทอร์เฟซ
google.maps.MarkerShape
อินเทอร์เฟซ
ออบเจ็กต์นี้จะกำหนดพื้นที่ที่คลิกได้ของรูปเครื่องหมาย รูปร่างประกอบด้วยพร็อพเพอร์ตี้ 2 รายการ ได้แก่ type
และ coord
ซึ่งกำหนดขอบเขตที่ไม่โปร่งใสของรูปภาพ
พร็อพเพอร์ตี้ | |
---|---|
type | ประเภท: string อธิบายประเภทของรูปร่างและอาจเป็น circle , poly หรือ rect |
coords optional | ประเภท: Array<number> optional รูปแบบของแอตทริบิวต์นี้ขึ้นอยู่กับค่าของ type และเป็นไปตามข้อกำหนดของ w3 AREA coords ซึ่งมีอยู่ที่ http://www.w3.org/TR/REC-html40/struct/objects.html#adef-coords แอตทริบิวต์ coords คืออาร์เรย์ของจำนวนเต็มที่ระบุตำแหน่งพิกเซลของรูปร่างซึ่งสัมพันธ์กับมุมซ้ายบนของรูปภาพเป้าหมาย พิกัดจะขึ้นอยู่กับค่าของ type ดังนี้ - circle : coords คือ [x1,y1,r] โดยที่ x1,y2 คือพิกัดของจุดศูนย์กลางของวงกลม และ r คือรัศมีของวงกลม - poly : coords คือ [x1,y1,x2,y2...xn,yn] โดยคู่ x,y แต่ละคู่จะมีพิกัดของจุดยอดของรูปหลายเหลี่ยม 1 จุด - rect : coords is [x1,y1,x2,y2] โดยที่ x1,y1 คือพิกัดของมุมซ้ายบนของสี่เหลี่ยมผืนผ้า และ x2,y2 คือพิกัดของมุมขวาล่างของสี่เหลี่ยมผืนผ้า |
สัญลักษณ์ อินเทอร์เฟซ
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 constants
google.maps.SymbolPath
constants
เส้นทางสัญลักษณ์ในตัว
เข้าถึงโดยการโทรหา 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
constants
ภาพเคลื่อนไหวที่เล่นบนเครื่องหมายได้ ใช้เมธอด Marker.setAnimation
ในเครื่องหมายหรือตัวเลือก MarkerOptions.animation
เพื่อเล่นภาพเคลื่อนไหว
เข้าถึงโดยการโทรหา const {Animation} = await google.maps.importLibrary("marker")
โปรดดูไลบรารีใน Maps JavaScript API
ค่าคงที่ | |
---|---|
BOUNCE | เครื่องหมายจะเด้งไปมาจนกว่าภาพเคลื่อนไหวจะหยุดลงโดยการเรียกใช้ Marker.setAnimation ด้วย null |
DROP | เครื่องหมายจะวางจากด้านบนของแผนที่ไปยังตำแหน่งสุดท้าย ภาพเคลื่อนไหวจะหยุดลงเมื่อเครื่องหมายหยุดลงและ Marker.getAnimation จะเปลี่ยนเป็น null โดยปกติแล้วภาพเคลื่อนไหวประเภทนี้จะระบุในระหว่างการสร้างเครื่องหมาย |