vue.js - vue2-google-maps 的自定义标记

Question

我正在尝试为 vue2-google-maps 中的自定义标记添加我自己的图像没有成功。我知道这是一个错误，当我在标记中添加 :icon="{url:'../assets/my_image'}"时，标记消失了。有没有人设法让它发挥作用？

Answer 1

在这种情况下你需要加载图像，像这样:

:icon="{ url: require('../../assets/img/marker-a.png')}"

一个例子:

<GmapMarker
  v-for="(m, index) in markers"
  :key="index"
  :ref="`marker${index}`"
  :position="m.position"
  :clickable="true"
  :draggable="true"
  :icon="{ url: require('../../assets/img/marker-a.png')}" />