MapMarker

Positions anything on the map based on coordinates

Props

Parameter	Type	Default	Description
coordinates?	[number, number]	—	Marker coordinates in [longitude, latitude] format.
styles?	MapObjectStyles	—	See styling guide

Usage

<template>
  <Map :data="mapData">
    <MapFeatures />
    <MapMesh stroke="slategray" />
    <MapMarker
      v-for="item in cities"
      :key="item.city"
      :coordinates="[item.lon, item.lat]"
    >
      <text
        font-size="14"
        y="-8"
        text-anchor="middle"
        fill="darkorange"
      >{{ item.city }}</text>
      <circle
        fill="darkorange"
        r="3"
      />
    </MapMarker>
  </Map>
</template>