0
xmlファイルに基づいて、マップ上にmarkerclustererを設定します。Googleマップのマーカークラスタリング--markerclusterPlus
私は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>
MYMAP.mapとは何ですか？クラスタラーにマーカーを表示する場合は、マップに割り当てるべきではありません。map：null – slawekwin
はい、私はそれを変更しました！マップ上にまだマーカーはありません – burner007