javascript – Google Maps infowindow无法使用标记点击

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Google Maps infowindow无法使用标记点击，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2208字，纯文字阅读大概需要4分钟。

内容图文

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

如果我点击标记(红色或蓝色),它什么都不会发生.我只是想不出来.我将此代码用于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]);
    }                              
 }

内容总结

以上是互联网集市为您收集整理的javascript – Google Maps infowindow无法使用标记点击全部内容，希望文章能够帮你解决javascript – Google Maps infowindow无法使用标记点击所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端