百度地图JavaScript API添加自定义Marker

百度地图JavaScript API添加自定义Marker

官网指导添加自定义Marker

实际使用中发现无法显示图标,找了一些博客

百度地图开发自定义图标无法显示的问题

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

关于百度地图开放平台api覆盖物“自定义Marker图标”不能正常显示的解决方案

百度电子地图自定义marker图标

百度地图api设置点的自定义图标不显示

总结下来可能是下面的问题:

  1. 图片路径为本地路径时,需要调用require()
  2. icon内的size大小应与图标原大小必须一致
  3. 本地静态路径的图片无法显示,url图片连接能够显示

经测试确实是本地静态路径图片无法显示,需要用url图片链接,可以在下面的网站获取

图标、插图、照片、音乐和设计工具

<img src="https://img.icons8.com/office/40/null/car.png"/>

marker.html




    
    
    添加Marker 
    
    


效果如下

百度地图JavaScript API添加自定义Marker_第1张图片

你可能感兴趣的:(开发,javascript,前端,html)