vue2-google-maps在vue.js中添加cusome标记

Question

我正在使用vue2-google-maps集成google maps功能。我可以在应用程序中显示默认标记，但是当我在自定义市场上尝试使用默认标记时，它在地图上什么都没有显示。

以下是我的代码。

<gmap-map
        :center="center"
        :zoom="17"
        style="width:100%;  height: 350px;"
      >
        <gmap-marker
          :key="index"
          v-for="(m, index) in markers"
          :position="m.position"
          :icon="{url:'../assets/markerIcon.png'}"
          @click="center=m.position"></gmap-marker>
      </gmap-map>

谁能解决我的问题，为什么我不能在地图上看到自定义标记？

Answer 1

尝试将:icon="{url:'../assets/markerIcon.png'}"更改为:icon="{url:require('../assets/markerIcon.png')}