There is no API-based access to the POI’s . But there is a possible workaround. When you click on a POI an InfoWindow opens. It’s possible to modify the InfoWindow-prototype to be able to access the content of the InfoWindow without having a reference to the InfoWindow-instance. //store the original setContent-function var fx = google.maps.InfoWindow.prototype.setContent; … Read more
Don’t use undocumented properties of the Google APIs. They can and do change with every release. geometry.location is a google.maps.LatLng object, and the documented methods to get latitude and longitude are .lat() and .lng().
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 this answer. Basically there is no option to handle clicks on the POI’s. Of course you can simply hide these features via styles, but when you want to keep them visible on the … Read more
No. It’s not available in the API. (It may be available in the future. Features of Google Maps do migrate into the API, but Google don’t make announcements in advance and no-one has a crystal ball.) You would need to find the city boundaries and draw the line yourself. Boundary data is almost certainly public-domain … Read more
Ok I figured this out for infoWindow, but then I also figured it out for InfoBox since it is prettier and more customizable. I’m new to JavaScript and these closures can be very tricky. For infoWindow <!doctype html> <html lang=”en”> <head> <title>jQuery mobile with Google maps – Google maps jQuery plugin</title> <link rel=”stylesheet” href=”http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css” /> … 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
Either of these work google.maps.event.addListener(marker, ‘click’, function (event) { document.getElementById(“latbox”).value = event.latLng.lat(); document.getElementById(“lngbox”).value = event.latLng.lng(); }); google.maps.event.addListener(marker, ‘click’, function (event) { document.getElementById(“latbox”).value = this.getPosition().lat(); document.getElementById(“lngbox”).value = this.getPosition().lng(); }); You might also consider using the dragend event also google.maps.event.addListener(marker, ‘dragend’, function (event) { document.getElementById(“latbox”).value = this.getPosition().lat(); document.getElementById(“lngbox”).value = this.getPosition().lng(); });
This is actually (b): wrong key. Actually, you’re using the wrong kind of key (from Sign Up for the Google Maps API which is only good for the JavaScript V2 API). Please see Obtaining an API Key for how to get a new API key, of the new kind. Edit: At the time this question … Read more
The country polygons are available in FusionTables (specifically in the Natural Earth Data set). Here is an example showing South Africa, it includes the individual states, if you don’t want them, you should be able to find the country borders. See this similar question or this one Here is an example showing just the country … Read more
I just had the same problem – decided to do a quick and dirty conversion and host on github. https://github.com/nathan-muir/fontawesome-markers You can manually include the JS file, or use npm install fontawesome-markers or bower install fontawesome-markers. Just include the javascript file fontawesome-markers.min.js and you can use them like so: new google.maps.Marker({ map: map, icon: { … Read more