Latitude, Longitude Grabber

javascript google-maps google-maps-api-3 latitude-longitude google-geocoding-api
MatBanik picture MatBanik · Apr 6, 2011 · Viewed 15k times · Source

What I would like to do is create app where when anyone clicks on the map object and two fields get filled with latitude and longitude at every click. Is there sample code of Google Maps V3 JavaScript API (Geocoding API) somewhere out there that does something like that?

Answer

KJYe.Name 葉家仁 picture KJYe.Name 葉家仁 · Apr 6, 2011

You can achieve this with google.maps.event' LatLng property:

Something like this would show how it works. Here is a JSFiddle Demo:

google.maps.event.addListener(map, 'click', function(event){
       alert('Lat: ' + event.latLng.lat() + ' Lng: ' + event.latLng.lng());
});

Where map is your google map object. Yes the example is in V2 i think, and if you would like to create a marker on click you can simply create it within the click callback function.

Related questions

Using Address Instead Of Longitude And Latitude With Google Maps API

I've heard that it is possible to submit an Address instead of Longitude and Latitude and this would be much more feasible for my system. The user has to input their address when creating their profile and their profile afterwards …

Read More
Maximum Lat and Long bounds for the world - Google Maps API LatLngBounds()

The Google Maps terrain view by default has unlimited panning of the map tile. You can use LatLngBounds() to limit this, but what are the maximum and minimum coordinates I should use to set the viewport as just the earth …

Read More
Google Maps JS API v3 - Simple Multiple Marker Example

Fairly new to the Google Maps Api. I've got an array of data that I want to cycle through and plot on a map. Seems fairly simple, but all the multi-marker tutorials I have found are quite complex. Let's use …

Read More