百度地图自定义图标不显示问题解决方案

在百度地图上添加 覆盖物 —— 自定义图标的点,遇到不显示问题:

情形1: 显示为加载失败图标

百度地图自定义图标不显示问题解决方案_第1张图片
解决办法:

图片路径为 本地路径 时,需要用 require() 把路径包起。

<bm-marker
	:position="carCoord"
    :icon="{url:require('../../assets/images/car.png'),size:{width:25,height:25}}"
    :top="true"
>bm-marker>



情形2: 不报错也不显示图标

参考:https://blog.csdn.net/uhb6577/article/details/87871200

产生原因:

     图片大小问题。

解决办法:

     在阿里巴巴矢量库下载 icon 图标时,可以选择下载的图片大小,和 :icon 里的 size 保持一致。
百度地图自定义图标不显示问题解决方案_第2张图片

:icon="{url:require(’…/…/assets/images/car.png’),size:{width:25,height:25}}"

你可能感兴趣的:(emmm…来踩坑,百度地图,自定义图标)