google-maps-api-3

Google Maps API DeletedApiProjectMapError

by

I have found the solution to the problem. You need to enable both the Google Maps Javascript API, and the Geocoding API. https://console.developers.google.com/projectselector/apis/library and https://console.developers.google.com/google/maps-apis/apis/geocoding-backend.googleapis.com Afterwards the error was RefererNotAllowedMapError instead of DeletedApiProjectMapError, but that was because I was running it on localhost – and it worked on the actual site after I added the … Read more

Make custom overlay clickable (Google Maps API v3)

by

Update for v3: overlayLayer doesn’t accept mouse events anymore. Add your overlay to overlayMouseTarget instead, add the listener, and it should receive mouse events normally. //add element to clickable layer this.getPanes().overlayMouseTarget.appendChild(div); // set this as locally scoped var so event does not get confused var me = this; // Add a listener – we’ll accept … Read more

Can I remove just the popup bubbles of POI’s in Google Maps API v3?

by

Editor’s note: this answer was applicable until version 3.23. Since version 3.24 released in 2016, you can use clickableIcons map option. See xomena’s answer. Version ~3.12 fix. Demo Here is a new patch that works again. I have tested it with version 3.14. Now we gonna patch set() instead of open(). function fixInfoWindow() { // … Read more

Google Maps: Polygon and Marker Z-Index

by

This won’t solve the problem, but it will explain why the things you tried didn’t work. The Maps API uses several layers known as MapPanes in a fixed Z order: 4: floatPane (infowindow) 3: overlayMouseTarget (mouse events) 2: markerLayer (marker images) 1: overlayLayer (polygons, polylines, ground overlays, tile layer overlays) 0: mapPane (lowest pane above … Read more

google.maps.places is undefined

by

You should add the option libraries=places in the Google API URL In your case you should replace the following: <script type=”text/javascript” src=”https://maps.googleapis.com/maps/api/js?v=3&key=….&sensor=false&callback=initializeMap”></script> With this: <script type=”text/javascript” src=”https://maps.googleapis.com/maps/api/js?v=3&key=….&sensor=false&callback=initializeMap&libraries=places”></script> Look at the end of the src=””

Google Maps Api v3, custom Cluster icon

by

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 Maps drag and dragend event listeners won’t work if marker created by click event listener

by

What you probably want to do is change the reference in your event listeners, from this to the event itself. Then you need to add separate event listeners for your new marker at the same time as you create it. I’d suggest simply having one function which takes input arguments for the latlng, title, and … Read more

Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)