当前位置：首页 > article >正文

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

article 2024/11/13 9:29:10

“自定义Marker图标”不能正常显示（用网上图片能正常显示，用本地图片就不能显示），
分两种情况：
1.网上图片，往往是图片的url地址有问题，也可能是url地址的图片失效了。
2.本地图片，这个有说需要用require包裹的，有说需要用import导入的，照着做了都没成功，最后是结合web页面控制台报错信息发现了问题所在：
是CORS引起的
CORS（Cross-origin resource sharing） “跨域资源共享”
web页面中的报错如下：
报错1：from origin ‘null’ has been blocked by CORS policy
报错2：Failed to load resource: net::ERR_FAILED

个人理解就是，本地图片上传给百度地图 api 时是不满足跨域同源策略的，所以百度地图api尝试获取咱们的本地图片时被浏览器给阻挠了。
解决的办法如下：

通过拜读楠鱼上青天大神的文章，通过在 vscode中下载插件 live server ，通过 live server 打开 html页面，轻松解决问题，
大神文章如下，感兴趣的同学可以移步观看，记得给大神点赞呦。
在这里插入图片描述
大神文章链接：https://blog.csdn.net/weixin_45749480/article/details/119936038