Get coords on click - Google Maps Api

Get Latitude and longitude of google map

by Arif Hasan

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: 300px;
}
#test {
    padding:10px 0;
}
}

JavaScript

function initMap() {
  var myLatlng = {lat: 23.453, lng: 90.825};

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

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

  map.addListener('click', function(e) {
    document.getElementById('test').innerHTML = e.latLng;
    alert("Latitude: " + e.latLng.lat() + " " + ", longitude: " + e.latLng.lng());
    marker.setPosition(e.latLng);
  });
}
initMap();