Ich habe versucht, Anweisungen für Autozoom auf Google Maps zu folgen, so dass es immer zu den Markierungen auf den Karten passt. Aber ich kann es nicht zur Arbeit bringen. Kann jemand sehen, was mit meinem Code falsch ist?Autozoom zum Einfügen von Markern in Google Maps V3
<script>
function initMap() {
var myLatLng = { lat: 55.561213987, lng: 8.1286275387 };
var map = new google.maps.Map(document.getElementById('map-canvas'), {
zoom: 13,
center: myLatLng
});
var marker = new google.maps.Marker({
position: myLatLng,
map: map,
title: 'Top moderne sommerhus med alle faciliteter beliggende på en skøn grund med mange'
});
var marker = new google.maps.Marker({
position: { lat: 55.5577227947, lng: 8.1225042121 },
label: "1",
map: map,
title: 'Lækkert sommerhus beliggende på en dejlig naturgrund'
});
var marker = new google.maps.Marker({
position: { lat: 55.5570797278, lng: 8.1276749566 },
label: "2",
map: map,
title: 'Sommerhus med stråtag beliggende på en meget stor grund med mange fyrretræer og '
});
var marker = new google.maps.Marker({
position: { lat: 55.56169, lng: 8.13126 },
label: "3",
map: map,
title: 'Dette skønne feriehus fremstår utroligt flot'
});
var marker = new google.maps.Marker({
position: { lat: 55.5560563333123, lng: 8.12075257301331 },
label: "4",
map: map,
title: 'Spændende, velholdt, stråtækt feriehus i sten, beliggende på delvis lukket natur'
});
var marker = new google.maps.Marker({
position: { lat: 55.55282, lng: 8.12843 },
label: "5",
map: map,
title: 'Kun 850 m fra Vesterhavet med den dejlige sandstrand og ca'
});
var map;
var bound = new google.maps.LatLngBounds();
var markers = new Array();
//jQuery style entry point, change if necessary
$(document).ready(function(){
initMap();
initMarkers();
for(var i in markers)
{
bound.extend(markers[i].getPosition());
}
map.fitBounds(bound);
});
}
</script>
Jede Hilfe wird sehr geschätzt!
alle Marker haben den gleichen Namen, du jemals sie nicht in der Marker-Array setzen. – geocodezip