vue中Bmap百度地图自定义带标签的图标

最新推荐文章于 2024-09-30 11:17:43 发布

jieyucx

最新推荐文章于 2024-09-30 11:17:43 发布

阅读量1.3k

点赞数 1

分类专栏：百度地图文章标签： vue.js 百度 javascript

本文链接：https://blog.youkuaiyun.com/jieyucx/article/details/129877322

版权

百度地图专栏收录该内容

8 篇文章

订阅专栏

这段代码展示了如何在BMap地图中创建一个新的标注点（Marker），并为其设置可拖拽功能和自定义标签（Label）。通过Point对象定义经纬度，Marker的enableDragging属性允许用户拖动标注，同时Label用于显示地址信息，offset设置标签的位置。

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

效果如图
在这里插入图片描述
直接上代码吧

                        let point = new BMap.Point('经度', '维度')
                        let mk = new BMap.Marker(point)  // 创建一个图像标注实例，enableDragging：是否启用拖拽，默认为false, icon 自定义图标
                        var label = new BMap.Label(item.address, {
                            offset: new BMap.Size(0, 25),
                        });
                        mk.setLabel(label); // 为marker定义标签
                        this.map.addOverlay(mk)  // 将覆盖物添加到地图中