Google Maps信息窗口不适用于标记单击

debugcn 发表于 Dev

克

我正在使用Google Maps API v3地理编码服务。地理编码部分工作正常。我在文本框中输入邮政编码，然后点击“提交”按钮。然后在我在文本框中键入的位置显示一个蓝色标记。然后，它会加载半径为20 km的地点，并用红色标记显示这些地点。一切正常。但是后来我在信息窗口中遇到了一些问题。

如果单击标记（红色或蓝色），则不会发生任何事情。我只是想不通。我将此代码用于infowindow：

$.ajax({
    url: 'data.php',
    type: 'POST',
    data: {xmldata: jqXHR.responseText},
    success: function(locations, textStatus, jqXHR){

        var split = locations.split(",");

        var checkForDouble = split.filter(function(elem, pos) {
            return split.indexOf(elem) == pos;
        });

    for(var i = 0; i < split.length; i++){
        geocoder.geocode(
            {'address': checkForDouble[i]},
            function(results, status){
                if(results != null){
                    marker = new google.maps.Marker({
                        map: map,
                        position: results[0].geometry.location
                    });
                }
            }
        );

        var infocontent = checkForDouble[i];                                        
        var infowindow = new google.maps.InfoWindow();

        google.maps.event.addListener(marker, 'click', (function(marker, infocontent) {
            return function(){
                infowindow.setContent(infocontent);
                infowindow.open(map, marker);
            }
        })(marker, infocontent));
    }                                   
}

有人可以提示我哪里出错了吗？

地理编码

您还需要在地址解析器调用中关闭函数。

var infowindow = new google.maps.InfoWindow();

function createMarker(address)
    var marker = new google.maps.Marker({
                    map: map,
                    position: results[0].geometry.location
                });
    var infocontent = address;                                        

    google.maps.event.addListener(marker, 'click', function() {
            infowindow.setContent(infocontent);
            infowindow.open(map, marker);
    });
    return marker;
}
function geocodeAddress(address) {
    geocoder.geocode(
        {'address': address,
        function(results, status){
            if((results != null) && (status == google.maps.GeocoderStatus.OK)) {
               var marker = createMarker(address);
            } else alert("geocode failed on "+address+", status="+status);
        }
    );
}

$.ajax({
    url: 'data.php',
    type: 'POST',
    data: {xmldata: jqXHR.responseText},
    success: function(locations, textStatus, jqXHR){

        var split = locations.split(",");

        var checkForDouble = split.filter(function(elem, pos) {
            return split.indexOf(elem) == pos;
        });

    for(var i = 0; i < split.length; i++){
       geocodeAddress(checkForDouble[i]);
    }                              
 }

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。