infowindow 添加点击事件
时间: 2024-05-10 09:17:11 浏览: 4
在 Google Maps JavaScript API 中,可以通过 `addListener` 方法向 InfoWindow 添加点击事件。以下是一个示例:
```javascript
// 创建 InfoWindow 对象
const infowindow = new google.maps.InfoWindow({
content: '这是一个 InfoWindow'
});
// 添加 Marker 对象,并在点击时打开 InfoWindow
const marker = new google.maps.Marker({
position: { lat: 39.908722, lng: 116.397496 },
map: map
});
marker.addListener('click', function() {
infowindow.open(map, marker);
});
// 添加 InfoWindow 的点击事件
infowindow.addListener('click', function() {
alert('InfoWindow 被点击了!');
});
```
在上面的代码中,我们先创建了一个 InfoWindow 对象和一个 Marker 对象,并在 Marker 对象上添加了点击事件,在点击 Marker 时打开 InfoWindow。然后,我们又给 InfoWindow 对象添加了一个点击事件,当用户点击 InfoWindow 时,会触发这个事件并弹出一个提示框。
需要注意的是,InfoWindow 的点击事件只有在其内容中包含可点击元素(如 `<a>` 或 `<button>`)时才会触发。如果 InfoWindow 中的内容不包含可点击元素,那么点击 InfoWindow 本身是不会触发点击事件的。