百度地图自定义标注点

最新推荐文章于 2025-05-05 16:24:46 发布

菜冬眠。

最新推荐文章于 2025-05-05 16:24:46 发布

阅读量2k

点赞数 1

分类专栏：前端

本文链接：https://blog.csdn.net/wodecc_u/article/details/105694361

版权

前端专栏收录该内容

24 篇文章

订阅专栏

本文详细介绍了如何在百度地图上实现自定义标注点，包括设置标注图标、位置及点击事件等，帮助开发者个性化定制地图展示。

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

百度地图自定义标注点

//创建点
var point = new BMap.Point(109.49926175379778, 36.60449676862417);
//创建自定义标
//参数1：自定义的图片的路径
//参数2：需要显示的像素大小，例子中图片大小为200*200，所以显示Size(200,200)
//参数3：偏移量，距离中心点的偏移量，如（0，0） 表示 图片左上角顶点在点的中心，(100,100)表示图片的中心在点的中心，(100，200)表示 图片底边中点在点的中心
var icon = new BMap.Icon(require("@/assets/logo.png"),new BMap.Size(200,200),{anchor: new BMap.Size(100, 200)};
// 创建标注 参数1 点 参数2 自定义icon
var marker = new BMap.Marker(point,{icon:icon});
map.addOverlay(marker); // 将标注添加到地图中