MarkerClusterer在地图上没有显示

您好我尝试markerclusterer添加到我的谷歌地图，但我肯定会错过一些东西，因为这些标记在地图上的，但我不能看到集群...MarkerClusterer在地图上没有显示

这里是我的脚本：

//<![CDATA[ 

    function initialize() { 
    var cluster = []; 
    var map = new google.maps.Map(document.getElementById("map_canvas"), { 
    center: new google.maps.LatLng(<?php echo get_post_meta($find_CODGEO, 'latitude', true); ?>, <?php echo get_post_meta($find_CODGEO, 'longitude', true); ?>), 
    zoom: 14, 
    mapTypeId: 'roadmap' 
    }); 
    var mcOptions = {gridSize: 10, maxZoom: 15}; 

    var infoWindow = new google.maps.InfoWindow; 

    downloadUrl("/wp-content/themes/codium-extend/search/search_equipements.php?lat=<?php echo get_post_meta($find_CODGEO, 'latitude', true); ?>&lng=<?php echo get_post_meta($find_CODGEO, 'longitude', true); ?>&type=<?php echo $thematiquematch ; ?>&codgeo=<?php echo $CODGEO ; ?>&radius=50", function(data) { 
    var xml = data.responseXML; 
    var markers = xml.documentElement.getElementsByTagName("marker"); 
    for (var i = 0; i < markers.length; i++) { 
     var name = markers[i].getAttribute("name"); 
     var address = markers[i].getAttribute("sous_type"); 
     var type = markers[i].getAttribute("sous_type_img"); 
     var offsetLat = markers[i].getAttribute("lat"); 
     var offsetLng = markers[i].getAttribute("lng"); 
     var point = new google.maps.LatLng(offsetLat, offsetLng); 
     var html = "<b>" + name + "</b> <br/>" + address; 
     var icon = 'http://images.commune-mairie.fr/maps/' + type + '.png'; 
     var marker = new google.maps.Marker({ 
     map: map, 
     position: point, 
     icon: 'http://images.commune-mairie.fr/maps/' + type + '.png', 
     shadow: icon.shadow 
     }); 
     bindInfoWindow(marker, map, infoWindow, html); 

     google.maps.event.addListener(marker, 'click', (function(marker, i) { 
        return function() { 
         infowindow.setContent(markers[i].getAttribute("name")); 
         infowindow.open(map, marker); 
        } 
       })(marker, i)); 
     cluster.push(marker); 
    } 
    var mc = new MarkerClusterer(map,cluster,mcOptions); 


    }); 

} 

function bindInfoWindow(marker, map, infoWindow, html) { 
    google.maps.event.addListener(marker, 'click', function() { 
    infoWindow.setContent(html); 
    infoWindow.open(map, marker); 
    }); 
} 

function downloadUrl(url, callback) { 
    var request = window.ActiveXObject ? 
     new ActiveXObject('Microsoft.XMLHTTP') : 
     new XMLHttpRequest; 

    request.onreadystatechange = function() { 
    if (request.readyState == 4) { 
     request.onreadystatechange = doNothing; 
     callback(request, request.status); 
    } 
    }; 

    request.open('GET', url, true); 
    request.send(null); 
} 

function doNothing() {} 


//]]>

在这里举一个活的例子http://www.commune-mairie.fr/equipements/lyon-69123/感谢您的帮助！

来源

2012-10-18 Henri Labarre

您网页上的代码没有提及我能看到的MarkerClusterer。您的问题中的代码中还存在很多JS错误（尝试使用JSLint标识它们） – duncan

对不起，我忘记清除缓存（我刚刚做了） –

您可以现在检查，你会看到这个活的版本地图（没有群集...） –

你在你的循环做到这一点：

bindInfoWindow(marker, map, infoWindow, html); 

      google.maps.event.addListener(marker, 'click', (function(marker, i) { 
         return function() { 
          infowindow.setContent(markers[i].getAttribute("name")); 
          infowindow.open(map, marker); 
         } 
        })(marker, i));

但随后你bindInfoWindow功能如下：

function bindInfoWindow(marker, map, infoWindow, html) { 
     google.maps.event.addListener(marker, 'click', function() { 
     infoWindow.setContent(html); 
     infoWindow.open(map, marker); 
     }); 
    }

所以你复制你的标记点击事件监听器。我不确定这会对MarkerClusterer造成什么问题，但无论如何你应该整理它。

来源

2012-10-18 12:29:32 duncan

确实我删除了第一个addListener，但仍然没有集群！ –

MarkerClusterer在地图上没有显示

回答

相关问题