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

Question

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

标签： vue.jsvue2-google-maps

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')}" />