前端网页中插入百度地图，标注显示不出问题

最新推荐文章于 2025-07-25 22:57:17 发布

江西师范大学-20届-吴悠

最新推荐文章于 2025-07-25 22:57:17 发布

阅读量2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端开发

本文链接：https://blog.youkuaiyun.com/qq_39905917/article/details/85090715

前端开发专栏收录该内容

21 篇文章

订阅专栏

本文解决前端网页中百度地图标注无法正常显示的问题。通过修改javascript代码中的BMap.Icon图标路径，成功使标注地点得以呈现。绿色尖角圆标记成为地图上的显著特征。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前端网页中插入百度地图，标注显示不出问题

进入百度创建地图的网站：http://api.map.baidu.com/lbsapi/creatmap/
具体教程不赘述，教程参考：https://blog.youkuaiyun.com/qq_37400312/article/details/66971248
标注显示不出来，需要修改javascript的代码，代码修改如下：
将BMap.Icon里面的网址替换成http://map.baidu.com/image/us_mk_icon.png

function createIcon(json){
		var icon = new BMap.Icon("http://map.baidu.com/image/us_mk_icon.png", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
		return icon;
	}

效果如下：
在这里插入图片描述
绿色的尖角圆就是标注地点，显示出来了。