百度地图多个Marker和InfoWindow时总是打开最后一个InfoWindow

百度地图多个Marker和InfoWindow时总是打开最后一个InfoWindow

网上一堆废话,看我这篇就行。

把这个方法放到js里,循环体中调用这个方法创建marker。如果需要用到地图api的其他参数,自行添加。

function createMarker(point,info_html){
			var markerx = new BMap.Marker(point);
			markerx.addEventListener("click",function(e){
				this.openInfoWindow(new BMap.InfoWindow(info_html));
			});
			return markerx;
		}


  • 4
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
百度地图InfoWindow一个信息窗口,可以在地图上显示一些自定义的文本或 HTML 内容。通常,当用户点击地图上的标记,会弹出一个 InfoWindow 来显示该标记的相关信息。 要在百度地图上创建 InfoWindow,可以使用 BMap.InfoWindow 类。该类提供了一些方法来设置 InfoWindow 的位置、内容和样式等属性。例如,可以使用 setContent() 方法来设置 InfoWindow 的内容,使用 setPosition() 方法来设置 InfoWindow 的位置,使用 setWidth() 和 setHeight() 方法来设置 InfoWindow 的宽度和高度等。 以下是一个简单的示例,演示如何在百度地图上创建和显示一个 InfoWindow: ```javascript // 创建地图实例 var map = new BMap.Map("map-container"); // 创建标记 var marker = new BMap.Marker(new BMap.Point(116.404, 39.915)); // 创建 InfoWindow var infoWindow = new BMap.InfoWindow("这是一个信息窗口"); // 绑定事件,点击标记显示 InfoWindow marker.addEventListener("click", function() { map.openInfoWindow(infoWindow, marker.getPosition()); }); // 将标记添加到地图中 map.addOverlay(marker); ``` 在上面的示例中,我们创建了一个地图实例和一个标记,并将标记添加到地图中。然后,我们创建了一个 InfoWindow,并将其内容设置为 "这是一个信息窗口"。最后,我们绑定了标记的点击事件,当用户点击标记,会在标记的位置上显示 InfoWindow。 当然,要使 InfoWindow 更加丰富和灵活,我们可以使用 HTML、CSS 和 JavaScript 来自定义 InfoWindow 的内容和样式。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值