Get coords on click - Google Maps Api

Get the coordinates (latitude, longitude) of where you click on the map.

by masmiguel

HTML

<script src="http://maps.google.com/maps/api/js? sensor=true&amp;language=en"></script>
<script src="https://maps.google.com/maps/api/js?sensor=true&amp;language=en"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDoRw1diFYdC1v3l2AKdZzt4IkK4H0Oni8"></script>
<div id="map"></div>
<div id="test"></div>

CSS

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}
#map {
    height: 300px;
}
#test {
    padding:10px 0;
}
}

JavaScript

var geocoder; 
function initMap() {
geocoder = new google.maps.Geocoder();
  var myLatlng = {lat: 39.583025709039816, lng: 2.647653123580426};//, 

  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 14,
    center: myLatlng
  });

  var marker = new google.maps.Marker({
    position: myLatlng,
    map: map
  });

  map.addListener('click', function(e) {
    document.getElementById('test').innerHTML = e.latLng;
    marker.setPosition(e.latLng);
   // alert(e.latLng);
    
     
    geocoder.geocode({
        'latLng': e.latLng
    }, function(results, status) {
    //console.log(status);
//console.log(e.latLng);
        //alert(results[4].formatted_address);
        console.log(results[0]);
         console.log(results[0].address_components[1].long_name);
          console.log(results[0].address_components[6].long_name);
          // console.log(results[0].address_components[0]);
          
          //0 : numero; 1:calle; 2:ciudad; 3:Provincia; 4:Provincia; 5:pais;6:codigo postal
    });
    
    
    
  });
}
initMap();