Get coords on click - Google Maps Api

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

by Roger Sanchez

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>
<div id="map"></div>
<div id="test"></div>

CSS

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

JavaScript

function initMap() {
var obj = {
             "latitude": -8.0875401000000000,
            "longitude": -79.08411890000000,
}

  var myLatlng = {lat: obj.latitude, lng: obj.longitude};

  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 18,
    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);
  });
}
initMap();