Suck... Dagarna går och här sitter jag och sliter mig flintis över det här.
Använder mig av Google Maps API V3 för att visa kartor på en webbplats. På min karta vill jag sätta ut olika POIs mha markers, sedan vill jag centrera kartan och zooma så att alla markers precis syns.
Det här är inga problem med EN marker, men i mitt fall nu vill jag ha upp till tio stycken. Det som är värst är att jag har prövat många olika approaches nu och många av dem HAR fungerat... en stund, för att sedan sluta fungera och skicka mig till Antarktis eller zooma ut som en vilde eller något annat kul. I vissa fall har jag till och med hamnat UTANFÖR kartan, fullt utzoomad.
Här är koden jag har för tillfället (som har fungerat, men inte fungerar längre):
<script type="text/javascript">
var geocoder = new google.maps.Geocoder();
var map;
var bounds = new google.maps.LatLngBounds();
function initialize() {
var myOptions = {zoom: 25, mapTypeId: google.maps.MapTypeId.ROADMAP};
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
<?php for($i=0; $i<count($data); $i++) { ?>
var address = "<?php echo $data[$i]['adress']; ?>, <?php echo $data[$i]['stad']; ?>, SWEDEN";
geocoder.geocode({ 'address': address}, function(results, status) {
var loc = results[0].geometry.location;
map.setCenter(loc);
var marker<?php echo $i; ?> = new google.maps.Marker({map: map, position: loc, title: "<?php echo $data[$i]['foretag']; ?>"});
google.maps.event.addListener(marker<?php echo $i; ?>, "click", function() {
location.href = 'lång.jobbig.url/som/inte/spelar/någon/roll.php';
});
bounds.extend(loc);
});
<?php }; ?>
map.fitBounds(bounds);
};
</script>
Någon som har någon insikt i vad det kan vara för problem med detta? Jag blir inte klok alls.