百度地图Api展示多个信息窗口
时间: 2023-07-19 21:39:59 浏览: 97
要在百度地图上展示多个信息窗口,你可以按照以下步骤进行操作:
1. 创建一个地图实例
```javascript
var map = new BMap.Map("map-container");
```
2. 创建多个标注点,并将它们添加到地图上
```javascript
var point1 = new BMap.Point(116.404, 39.915);
var marker1 = new BMap.Marker(point1);
map.addOverlay(marker1);
var point2 = new BMap.Point(116.407, 39.920);
var marker2 = new BMap.Marker(point2);
map.addOverlay(marker2);
```
3. 为每个标注点创建一个信息窗口
```javascript
var infoWindow1 = new BMap.InfoWindow("这是标注点1的信息窗口");
marker1.addEventListener("click", function(){
map.openInfoWindow(infoWindow1, point1);
});
var infoWindow2 = new BMap.InfoWindow("这是标注点2的信息窗口");
marker2.addEventListener("click", function(){
map.openInfoWindow(infoWindow2, point2);
});
```
4. 点击标注点时打开对应的信息窗口
```javascript
marker1.addEventListener("click", function(){
map.openInfoWindow(infoWindow1, point1);
});
marker2.addEventListener("click", function(){
map.openInfoWindow(infoWindow2, point2);
});
```
这样,点击不同的标注点时,就可以展示不同的信息窗口了。
阅读全文