0
マーカーデータのXMLファイルをループする機能があります。私は、ループ内の最後のマーカーがズームインされるように、私のマップを設定する必要があります。GoogleマップV3 - マーカーをループしてマーカーを最後のマーカーにズームします
var image = 'images/Icon.png'
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
downloadUrl("phpsqlajax_genxml4.php", function(data) {
var markers = data.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
var latlng = new google.maps.LatLng(parseFloat(markers[i].getAttribute("lat")),
parseFloat(markers[i].getAttribute("lng")));
var marker = createMarker(markers[i].getAttribute("name"), markers[i].getAttribute("ft"), markers[i].getAttribute("inch"), markers[i].getAttribute("lbs"), markers[i].getAttribute("oz"), markers[i].getAttribute("date"), markers[i].getAttribute("pic"), latlng);
}
});
function createMarker(name, ft, inch, lbs, oz, date, pic, latlng) {
var marker = new google.maps.Marker({position: latlng, map: map, icon: image});
var html = "<table border='0'>" +
"<tr>" +
"<td width='150'>" + "<strong>" + name + "<br>" + ft + " " + inch + " " + lbs + " " + oz + "</strong><br>" + date + "</td>" +
"<td width='100'>" + '<img src="image.jpg?width=80&height=80&cropratio=1:1&image=' + pic +'"/>' + "</td> </tr> </table>";
google.maps.event.addListener(marker, "click", function() {
if (infowindow) infowindow.close();
infowindow = new google.maps.InfoWindow({content: html});
infowindow.open(map, marker);
});
return marker;
}
を中心に、これを使用しよう私はそれを "new google.maps.LatLng"に変更しました。その後、私は "マーカーは未定義です" – user547794
このリンクを参照してくださいhttp://stackoverflow.com/questions/1556921/google-map-api-v3-set-bounds-and-centerはあなたにもっと役立つかもしれません。 –
この機能が機能するためGoogle Maps API v2 for V3バージョンでうまくいく上記のリンクを参照 –