Using the latest version of Google maps. How to add markers using longitude and latitude and automatically adjust the zoom level of the map to include all the markers using JavaScript?
Zoom in the mapDouble tap a spot on the map, and then: Drag down to zoom in. Drag up to zoom out.
The transition() and moveMarker() are used to move marker smoothly on click on the Google map.
To turn those two actions into zooming, you simply hold down command. You can also change the scroll direction you use to zoom in and out and adjust the speed of zooming. Actually, moving the map can be a little touchy when clicking and dragging, so it's better to stick with scrolling.
Google Maps API v3 provides a LatLngBounds
object to which you can add multiple LatLng
objects. You can then pass this to Map.fitBounds()
function as described here:
Partial Example
var latlng = [ new google.maps.LatLng(1.23, 4.56), new google.maps.LatLng(7.89, 1.01), // ... ]; var latlngbounds = new google.maps.LatLngBounds(); for (var i = 0; i < latlng.length; i++) { latlngbounds.extend(latlng[i]); } map.fitBounds(latlngbounds);
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With