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

最新推荐文章于 2024-05-18 15:32:42 发布

jieyucx

最新推荐文章于 2024-05-18 15:32:42 发布

阅读量1k

点赞数 1

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

本文链接：https://blog.csdn.net/jieyucx/article/details/129877322

版权

百度地图专栏收录该内容

8 篇文章 0 订阅

订阅专栏

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

                        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)  // 将覆盖物添加到地图中