Question

我对谷歌地图API 3很陌生，无法找出以下错误：我的标记上的所有点击都会打开相同标记上的信息窗口（错误），但文本不同（好）。我将wordpress自定义元数据中的数据拉入xml，然后我将其解析;令我疑惑的是，生成标记的方式是这样的，但为infowindow添加监听器显然会失败。

有什么想法在这里发生了什么？

现场演示： http://goo.gl/9seK9

代码

$(document).ready(function(){

    var infowindow;
    var latlng = new google.maps.LatLng(47.580231,13.771362);
    var settings = {
        zoom: 8,
        center: latlng,
        panControl: true,
        zoomControl: true,
        mapTypeControl: true,
        disableDefaultUI:true,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"), settings);


    jQuery.get("http://rundumadum.eu/de/wp-content/themes/rud/rundumadumMap.xml", {}, function(data) {
        var xmllength = $(data).find("mymarkers").children().size();
        var supermarkers = [];

        jQuery(data).find("mymarker").each(function() {
                var myid = $(this).find("id").text();
                var mytitle = $(this).find("title").text();
                var mylink = $(this).find("link").text();
                var mylocation = $(this).find("location").text();

                var mysplits = mylocation.split(",");
                var mylat = mysplits[0];
                var mylng = mysplits[1];
                var mylatlng = new google.maps.LatLng(parseFloat(mylat), parseFloat(mylng));  
                var myinfo = "<a href="+mylink+">"+mytitle+"</a>";
                var marker = createMyMarker(mytitle, myinfo, mylink, mylatlng);
        });
    });


    function createMyMarker(mytitle, myinfo, mylink, mylatlng) {
        marker = new google.maps.Marker({
            position: mylatlng, 
            map: map,
            clickable:true,
            icon:'http://rundumadum.eu/de/wp-content/themes/rud/static/img/markerTest.png',
            html: '<a href="'+mylink+'">'+mytitle+'</a>'
        });

        google.maps.event.addListener(marker, "click", function() {
            if (infowindow) infowindow.close();
            infowindow = new google.maps.InfoWindow({content: myinfo});
            infowindow.open(map, marker);
        });
    }
    return marker;

});

会对任何想法感激不尽......

Answer 1

我注意到的一件事是您在marker中创建的createMyMarker未使用var marker声明，因此您似乎无意中创建了全局marker引用。此外，声明return marker似乎实际上是在createMyMarker函数结束之后，尽管这可能只是在您的问题中设置代码示例时引入的拼写错误。

无论如何，我相信如果您更改createMyMarker中的代码以使用该函数中的var marker声明标记，则会为您提供更好的结果。

Infowindow虚假定位

1 个答案: