谷歌地图中给infowindow添加点击事件

最新推荐文章于 2024-01-16 09:29:42 发布

原创最新推荐文章于 2024-01-16 09:29:42 发布 · 780 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

javascript 专栏收录该内容

4 篇文章

订阅专栏

项目中想实现点击地图中marker上面的图标，即点击infowindow之后跳转到另一个界面，发现不可以像监听marker点击事件一样直接给infowindow添加点击事件。解决方法为将content写成链接形成，将要跳转页面的链接地址放到href中即可。部分代码如下：

<script>
function placeMarker(name, lat, lng) {
        var location = new google.maps.LatLng(lat, lng);
        var marker = new google.maps.Marker({
            position: location,
            map: map,
        });
        var infowindow = new google.maps.InfoWindow({
            content: '<a href=‘要跳转的页面链接’>' + name + '</a>'
        });
        infowindow.open(map, marker);
    }
</script>