VUE 解决百度地图循环加载marker并添加多个信息窗口，解决只显示最后一个窗口信息的问题

真的不想哇

于 2021-05-27 16:01:54 发布

阅读量2.8k

点赞数 4

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/xiaoHelloWord/article/details/117330882

在这里插入图片描述

循环添加的标注点只显示最后一个信息

baiduMap() {
			
			var bmap = new BMapGL.Map("allmap");    // 创建Map实例
				bmap.centerAndZoom(new BMapGL.Point(116.297611, 40.047363), 17);  // 初始化地图,设置中心点坐标和地图级别
			    bmap.enableScrollWheelZoom(true);     // 开启鼠标滚轮缩放
			    var path = [{
			        'lng': 116.297611,
			        'lat': 40.047363,
					'speed':52,
					'miles':40,
					'time':'2021/5/27 8:00:00',
			    }, {
			    	'lng': 116.302839,
			    	'lat': 40.048219,
					'speed':11,
					'miles':2,
					'time':'2021/5/27 8:00:00',
			    }, {
			    	'lng': 116.308301,
			    	'lat': 40.050566,
					'speed':42,
					'miles':30,
					'time':'2021/5/27 8:00:00',
			    },