infowindow 添加点击事件
时间: 2023-06-12 20:07:16 浏览: 79
你可以通过使用 `google.maps.event.addListener()` 方法为 `infowindow` 添加点击事件。以下是一个示例:
```javascript
// 创建一个 infowindow 对象
var infowindow = new google.maps.InfoWindow({
content: 'This is an example infowindow!'
});
// 在地图上添加一个标记,并将 infowindow 绑定到该标记
var marker = new google.maps.Marker({
position: myLatLng,
map: map,
title: 'Click me!'
});
// 为 infowindow 添加点击事件
google.maps.event.addListener(infowindow, 'click', function() {
alert('Infowindow clicked!');
});
// 为标记添加点击事件,以显示 infowindow
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map, marker);
});
```
在上面的示例中,我们首先创建一个 `infowindow` 对象,并在地图上添加一个标记。然后,我们使用 `google.maps.event.addListener()` 方法为 `infowindow` 添加点击事件。最后,我们为标记添加点击事件,以显示 `infowindow`。当用户单击 `infowindow` 时,将触发该事件并弹出一个警告框。你可以在事件处理程序中编写任何你想要执行的代码。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![xlsx](https://img-home.csdnimg.cn/images/20210720083732.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)