点击事件时信息窗口不显示

Question

所以右键单击会创建标记，但是当我单击标记时，信息窗口不会显示。注释警报 给出了坐标。我可能做错了什么。逻辑或语法是否有问题。我找不到解决这个问题的方法。这是我的代码：

   // create marker on right click
            google.maps.event.addListener(map,'rightclick', function(e) {

                    marker = new google.maps.Marker({
                    position: e.latLng,
                    map: map
                });

                alert('coord: ' + marker.getPosition().toUrlValue(3));

            });

            // display info window on marker click
            google.maps.event.addListener(marker,'click', function(event){

                infowindow =  new google.maps.InfoWindow({
                map:map, 
                content:"coordinates:"+event.latLng.toUrlValue(),
                position:event.latLng
                });

                infowindow.open(map,marker);
            });

Answer 1

您没有通过调用 infowindow 对象的 open() 打开 infowindow。每次单击标记时都会进行初始化。

更新

infowindow =  new google.maps.InfoWindow({
     map:map, 
     content:"coordinates:"+event.latLng.toUrlValue()
});

// display info window on marker click
google.maps.event.addListener(marker, 'click', function(event) {
   infowindow.setPosition(event.latLng);
   infowindow.open(marker);
});

试试这个代码

https://developers.google.com/maps/documentation/javascript/overlays#InfoWindows

Answer 2

您应该将第二个事件放在与第一个事件相同的上下文中：

google.maps.event.addListener(map,'rightclick', function(e) {
    var marker = new google.maps.Marker({
        position: e.latLng,
        map: map
    });

    google.maps.event.addListener(marker,'click', function(event){
        infowindow =  new google.maps.InfoWindow({
            map: map, 
            content: "coordinates:"+event.latLng.toUrlValue(),
            position: event.latLng
        });

        infowindow.open(map, marker);
    });
});

希望这会有所帮助。