Skip to content

Instantly share code, notes, and snippets.

Last active June 6, 2017 19:38
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
Save jon-kim/3c4f71db4e65538d5896c0267bc225a2 to your computer and use it in GitHub Desktop.
Auto Complete Location and Get Longitude and Latitude using Google Map API
<!DOCTYPE html>
<script src=""></script>
<label for="locationTextField">Location</label>
<input id="locationTextField" type="text" size="50">
<div id="output" />
function init() {
var input = document.getElementById('locationTextField');
var autocomplete = new google.maps.places.Autocomplete(input);
google.maps.event.addListener(autocomplete, 'place_changed',
function() {
var place = autocomplete.getPlace();
var lat =;
var lng = place.geometry.location.lng();
document.getElementById("output").innerHTML = "Lat: "+lat+"<br />Lng: "+lng;
google.maps.event.addDomListener(window, 'load', init);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment