Маркерная кластеризация Карт Google - markerclusterPlus - PullRequest
Новая
       4

Маркерная кластеризация Карт Google - markerclusterPlus

0 голосов
/ 10 января 2012

На основании XML-файла я хочу установить markerclusterer на карте.

Я использую markerclusterPlus версии 3!http://google -maps-utility-library-v3.googlecode.com / svn / trunk / markerclusterer /

Проблема в том, что маркеры не будут отображаться, и я не знаю почему

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>

1 Ответ

0 голосов
/ 19 января 2012

Попробуйте вставить эту строку перед $ (xml) .find ("маркер"). Each (function (): 

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