google-maps-api-3 - 无法在 InfoWindow 中显示经纬度

Question

我有一个 java 脚本函数，用于在地图的选定位置显示标记，并在 InfoWindow 中显示标记位置的纬度和经度。

我可以在任何位置显示标记，但无法显示带有坐标的 InfoWindow。

这是功能：

function init()
{
 var mapoptions=
 {
    center: new google.maps.LatLng(17.379064211298, 78.478946685791),
    zoom: 8,
    mapTypeId: google.maps.MapTypeId.ROADMAP
 }
 map=new  google.maps.Map(document.getElementById("map_can"), mapoptions);
 var marker;
 google.maps.event.addListener(map,'click',function(event)
     {
        marker= new google.maps.Marker({position:event.latLng,map:map});
     });
 var iwindow= new google.maps.InfoWindow();
 google.maps.event.addListener(marker,'click',function(event)
    {
       iwindow.setContent(event.latLng.lat()+","+event.latLng.lng());
       iwindow.open(map,marker);
    });
}

我哪里错了？请提出建议。

Answer 1

这是因为您将事件附加到一个空的标记对象（它在您调用时未分配

google.maps.event.addListener(marker,'click',function(event) { ... });

在创建标记后尝试将点击事件附加到标记，例如：

google.maps.event.addListener(map,'click',function(event)
 {
    marker= new google.maps.Marker({position:event.latLng,map:map});
    google.maps.event.addListener(marker,'click',function(event)
    {
        iwindow.setContent(event.latLng.lat()+","+event.latLng.lng());
        iwindow.open(map,marker);
    });
 });

Answer 2

你可以试试这个截断的代码：

function addMarkerWithTimeout(position, timeout, id) {
                window.setTimeout(function () {
                    markers.push(new google.maps.Marker({
                        position: position,
                        map: map,
                        icon: image1,
                        title: "whatever!",
                        draggable: true,
                        animation: google.maps.Animation.ROUTE
                    }));

                    google.maps.event.addListener(map, 'click', function (event)
                    {
                        google.maps.event.addListener(markers[id], 'click', function (event)
                        {
                            infoWindow.setContent(event.latLng.lat() + "," + event.latLng.lng());
                            infoWindow.open(map, markers[id]);
                        });
                    });

                }, timeout);
            }