我要在百度地图api上 标记多个地点 显示名称 并能调用方法更新它 js怎么写
时间: 2024-03-08 22:48:20 浏览: 160
js 调用百度地图api并在地图上进行打点添加标注
好的,以下是一个基本的示例代码,可以帮助您在百度地图上标记多个地点并显示名称:
```javascript
// 初始化地图
var map = new BMap.Map("container"); // 在指定容器中创建地图
map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); // 设置地图中心点和缩放级别
// 创建标记
var markers = [
{ lng: 116.404, lat: 39.915, name: "Marker 1" },
{ lng: 116.414, lat: 39.915, name: "Marker 2" },
{ lng: 116.424, lat: 39.915, name: "Marker 3" }
]; //标记的坐标和名称
for (var i = 0; i < markers.length; i++) {
var marker = new BMap.Marker(new BMap.Point(markers[i].lng, markers[i].lat)); // 创建标记
map.addOverlay(marker); // 将标记添加到地图上
marker.addEventListener("click", function() {
alert("您点击了标记:" + this.getTitle());
}); // 设置标记的点击事件
marker.setTitle(markers[i].name); // 设置标记的名称
}
// 更新标记的位置
var marker = new BMap.Marker(new BMap.Point(116.434, 39.915)); // 创建新的标记
map.addOverlay(marker); // 将标记添加到地图上
marker.setTitle("Updated Marker"); // 设置标记的名称
```
在这个示例代码中,我们首先初始化了一个地图实例,并设置中心点和缩放级别。然后,我们创建了一个包含多个标记的数组,并使用循环将它们添加到地图上。在添加标记时,我们设置了标记的经纬度、名称和点击事件。最后,我们演示了如何更新标记的位置和名称。
希望这个示例代码能帮助您实现您的需求。
阅读全文