VMarker

Marker Control.

<v-marker
  :center="center"
  :options="options"
/>

Examples

With Marker In Map

With Chart In Marker

Insert a Pie Chart instead by default icon.

property

propertyrequiredtypedescription
centertruenumber[]Marker's lngLat, using v-model:center for auto updating center.
optionsfalseobjectMarker's options

for more details you can access to mapbox website, go toopen in new window

event

eventdescription
clickMarker click event
mouseenterMarker mouseenter event
mousemoveMarker mousemove event
mouseleaveMarker mouseleave event
update:centeremit update:center event in using v-model:center prop.
Last Updated:
Contributors: timeroute, chinesejar