infowindow 添加点击事件
时间: 2024-05-16 17:13:28 浏览: 53
要给 infowindow 添加点击事件,可以使用 `addListener` 方法。具体步骤如下:
1. 在创建 infowindow 时,将其保存到一个变量中,例如:
```
const infowindow = new google.maps.InfoWindow({
content: '这是一个 infowindow'
});
```
2. 在创建 marker 时,绑定 infowindow 到 marker 上,例如:
```
const marker = new google.maps.Marker({
position: { lat: 39.906155, lng: 116.391602 },
map: map,
title: '这是一个 marker',
infowindow: infowindow
});
```
3. 使用 `addListener` 方法为 marker 添加点击事件,事件中打开 infowindow,例如:
```
marker.addListener('click', function() {
this.infowindow.open(map, this);
});
```
完整代码如下:
```
const infowindow = new google.maps.InfoWindow({
content: '这是一个 infowindow'
});
const marker = new google.maps.Marker({
position: { lat: 39.906155, lng: 116.391602 },
map: map,
title: '这是一个 marker',
infowindow: infowindow
});
marker.addListener('click', function() {
this.infowindow.open(map, this);
});
```
阅读全文