GeoCoder/LocationAPI

by Ford Heacock

HTML

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAtOAQGgDe7-VcGlYf5SpNFlCSEty9LUIA"></script>
<script src="https://www.google.com/jsapi"></script>
<button id='find-me'>
FIND ME FAM
</button>
<div id='output'>

</div>

JavaScript

const findMe = document.querySelector('#find-me');
const output = document.querySelector('#output');
findMe.addEventListener('click', findMeNow);
geocoder = new google.maps.Geocoder();

function findMeNow() {
	navigator.geolocation.getCurrentPosition(function(position) {
  	const latlng = {lat:position.coords.latitude, lng: position.coords.longitude};

    geocoder.geocode({'latLng': latlng}, function(results, status) {
    	if (results[0]) {
      	const address = results[0].formatted_address;
        const locationArray = address.split(',');
        const zipCode = locationArray[2].match(/\d+/)[0];
        console.log(zipCode)
      }
    });
  });
}