[Plugin: Pronamic Google Maps] Zoom controls

If you have some JavaScript / jQuery knowledge you can achieve this. The ‘pronamic-google-maps-ready’ event is fired after the Google Maps mashup is ready.

I have some Javascript/JQuery Knowledge, but obviously not enough as I don’t have a clue how to implement what you are saying! I have the following code for one of the pages I want a map to show (taken from one of the documentation/forum pages):

if(function_exists('pronamic_google_maps_mashup')) {
    pronamic_google_maps_mashup(
        array(
            'post_type' => 'post',
	    'posts_per_page' => -1
        ) ,
        array(
            'width' => 620 ,
            'height' => 500 ,
            //'map_type_id' => 'street' ,
            //'marker_options' => array('icon' => 'https://google-maps-icons.googlecode.com/files/photo.png')
        )
    );
}

I was hoping there was an option to change the zoom controls here (in a similar way to the marker options). Is this not the case?

You can’t adjust the zoom controls with pronamic_google_maps_mashup() optoins. I have looked at the control documentation and we could add this as a feature in a next relase.

https://code.google.com/intl/nl/apis/maps/documentation/javascript/controls.html

For now you can use somehting like this:

jQuery(document).ready(function($) {
	// Mashup
	$(".pgmm").bind("pronamic-google-maps-ready", function(event, map) {
		map.setOptions({
			zoomControlOptions: {
				style: google.maps.ZoomControlStyle.SMALL
			}
		});
	});
}

Fab, thanks. This works really well. Be great if it could be added into the next release.