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 버전에서 훌륭함 위의 링크 참조 –