iimog/atravelblog
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Improve centering of map with multiple markers

Browse source
This commit is contained in:
Markus Ankenbrand 2016-11-05 20:53:06 +01:00
parent 054cd475aa
commit a48654ca65
1 changed files with 5 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

5
single.php
View file

@ -106,13 +106,18 @@
center: map_center, center: map_center,
zoom: 15 zoom: 15
}); });
var bounds = new google.maps.LatLngBounds();
for(var i = 0; i < places.length; i++){ for(var i = 0; i < places.length; i++){
var marker = new google.maps.Marker({ var marker = new google.maps.Marker({
position: {lat: parseFloat(places[i]['lat']), lng: parseFloat(places[i]['lng']) }, position: {lat: parseFloat(places[i]['lat']), lng: parseFloat(places[i]['lng']) },
map: map map: map
}); });
marker.setVisible(true); marker.setVisible(true);
bounds.extend(marker.getPosition());
} }
this.map.fitBounds(bounds);
if(map.getZoom() > 15)
map.setZoom(15);
} }
</script> </script>
</div> </div>