You need to use styles parameter when initializing MarkerClusterer object – the code below shows default styles so if you want to recolour one of the icons just change the relevant url to your image… //set style options for marker clusters (these are the default styles) mcOptions = {styles: [{ height: 53, url: “http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/images/m1.png”, width: … Read more
Google has exposed an option for this. See clickableIcons of google.maps.MapOptions in the docs. Example initialization code: map = new google.maps.Map(document.getElementById(‘map’), { clickableIcons: false });
Try this: google.maps.event.addListener(map, “click”, function(event) { infowindow.close(); }); It is quite simple an should work as well.
UPDATE: Since I originally wrote this answer, the API was enhanced, making this answer out of date (or, at least, incomplete). See How to get 20+ result from Google Places API? for more information. ORIGINAL ANSWER: The documentation says that the Places API returns up to 20 results. It does not indicate that there is … Read more
The issue should be because of universal img { max-width: 100%; } Try this one in to your css .gmnoprint img { max-width: none; }
Both Map objects and Marker objects have drag events, although you probably want dragend so that you can do something when a user is done dragging rather than do something while a user is dragging. So you could do something like this: google.maps.event.addListener(map, ‘dragend’, function() { alert(‘map dragged’); } ); google.maps.event.addListener(marker, ‘dragend’, function() { alert(‘marker … Read more
This answer expounds on John Black’s helpful answer, so I will repeat some of his answer content in my answer. The easiest way to resize a marker seems to be leaving argument 2, 3, and 4 null and scaling the size in argument 5. var pinIcon = new google.maps.MarkerImage( “http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=%E2%80%A2|FFFF00”, null, /* size is determined … Read more
You should add the click listener on marker will give you the position of marker. //Add listener google.maps.event.addListener(marker, “click”, function (event) { var latitude = event.latLng.lat(); var longitude = event.latLng.lng(); console.log( latitude + ‘, ‘ + longitude ); }); //end addListener Edit: You need something like this //Add listener google.maps.event.addListener(marker, “click”, function (event) { var … Read more
I’ve managed to sort it out with the async plugin. A quick example is: require.config({ paths: { ‘async’: ‘lib/requirejs-plugins/src/async’ } }); define([‘async!http://maps.google.com/maps/api/js?sensor=false’], function() { // Google Maps API and all its dependencies will be loaded here. });