自定义谷歌地图标记不显示，没有错误抛出VUEJS

Question

我目前正在使用VueJS和vue2谷歌地图包。我的自定义地图标记不会出现在地图上，并且我已经检查了文件路径是否正确(双击开发工具中的GET请求，我会看到图标(。没有引发任何错误。当我删除:icon参数时，默认的映射标记会毫无问题地显示出来。请务必提出建议！

<GmapMap :center="{lat: 1.290270 ,lng: 103.851959}" :zoom="12" map-type-id="roadmap" style="width:750px; height:750px" >
<GmapMarker :key="index" v-for="(m,index) in markers" :position="m" :icon="{url:require('./home.svg'), size: {width:30, height:30}}">
</GmapMarker>
</GmapMap>

Answer 1

我设法解决了这个问题。出于某种原因，通过在线转换器将.svg转换为.ico有所帮助。我相信这可能和.svg的大小有关，但我不确定。目前，在使用ICO后，情况似乎正在好转。