Reply To: ACF PRO multiple google maps markers zoom level

• debendra

• August 23, 2018 at 11:06 am

For me, I have done like this and it kinda worked for me.
On Function center_map, if you are using more than 1 marker then on else section add

map.setCenter( bounds.getCenter() );
		map.setZoom( 4 );

/* center_map */
function center_map( map ) {
	// vars
	var bounds = new google.maps.LatLngBounds();
	// loop through all markers and create bounds
	$.each( map.markers, function( i, marker ){
		var latlng = new google.maps.LatLng( marker.position.lat(), marker.position.lng() );
		bounds.extend( latlng );
	});
	// only 1 marker?
	if( map.markers.length == 1 )
	{
		// set center of map
	    map.setCenter( bounds.getCenter() );
	    map.setZoom( 4 );
	}
	else
	{
		// fit to bounds
		//map.fitBounds( bounds );
		map.setCenter( bounds.getCenter() );
		map.setZoom( 4 );

	}
}