2012-01-10 4 views
0

Basé sur un fichier xml, je veux placer markerclusterer sur une carte. J'utilise la version 3 de markerclusterPlus! http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/Google Maps Marker Clustering - markerclusterPlus

Le problème est qu'aucun des marqueurs seront affichés et je ne sais pas pourquoi

markers.xml

<?xml version="1.0"?> 
<markers> 
    <marker> 
     <name>Heineken Amsterdam</name> 
     <address>Joop Geesinkweg 5</address> 
     <city>Amsterdam</city> 
     <postcode>1096 AT</postcode> 
     <lat>52.3354</lat> 
     <lng>4.92938</lng> 
     </marker> 
</markers> 

index.php

<html> 
<head> 
<title>Google Maps Integration</title> 
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 
<script type="text/javascript" src="js/jquery-1.4.1.min.js"></script> 
<script type="text/javascript" src="js/markerclusterer.js"></script> 
<style type="text/css"> 
#map { 
     width: 675px; 
     height: 659px; 
     } 
</style> 
<script type="text/javascript"> 
function initialize() { 
     var filename = "markers.xml"; 
     var center = new google.maps.LatLng(51.918, 4.47663); 

     var map = new google.maps.Map(document.getElementById('map'), { 
      zoom: 7, 
      center: center, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }); 

     var markers = []; // array markers 
     $.get(filename, function(xml){ 
      $(xml).find("marker").each(function(){ // get each marker position 
       var name = $(this).find('name').text(); 
       var address = $(this).find('address').text(); 
       // create a new LatLng point for the marker 
       var lat = $(this).find('lat').text(); 
       var lng = $(this).find('lng').text(); 
       var point = new google.maps.LatLng(parseFloat(lat),parseFloat(lng)); 
       var marker = new google.maps.Marker({ 
        position: point, 
        map: null, 
        html: '<b>'+name+'</b><br>'+address 
       });  

       markers.push(marker); // push marker to markers array 
      }); 
     }); 
     var markerCluster = new MarkerClusterer(map, markers); // create marker clusterer 
     } 
google.maps.event.addDomListener(window, 'load', initialize); 
</script> 
</head> 
<body> 
<div id="map"></div> 
</body> 
</html> 
+0

Qu'est-ce que MYMAP.map? si vous affichez des marqueurs dans un cluster, ils ne doivent pas être assignés à une map donc map: null – slawekwin

+0

oui, je l'ai changé! mais il n'y a toujours pas de marqueurs sur la carte – burner007

Répondre

0

Essayez d'insérer cette ligne avant votre $ (xml) .find ("marqueur"). (function():

var xml = parseXml("<div>" + xml + "</div>");