JSFiddle - React, Tailwind, and code Playground

by Horia-Adrian Ionescu

HTML

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true&libraries=places"></script>
<input type="text" id="clickme" />

JavaScript

var autocomplete = new google.maps.places.Autocomplete(document.getElementById("clickme"));
 google.maps.event.addListener(autocomplete, 'place_changed', function() {
     x = autocomplete.getPlace();    
     console.log(x);
     $.get("https://maps.googleapis.com/maps/api/geocode/json?address="+x.formatted_address+"&sensor=false",function(result){
         console.log(result);
     });
        })
 
 
 
 
 
 navigator.geolocation.getCurrentPosition(function(position){
     console.log(position);
     var latlng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
     var geocoder = new google.maps.Geocoder();
     geocoder.geocode({latLng: latlng}, function(results, status) {
				if (status == google.maps.GeocoderStatus.OK) {
					console.log(results);
                    
				} else {
					console.log('Geocoder failed due to: ' + status);
				}
			});
 }, function(){});