地図上のマーカーを動かして東経北緯を取得する

Lat, Lng

HTML側には #map-canvas というブロックを用意。あと、東経北緯を書き出すための #latlng テキストボックスを。

あとは下のコードを好きなところにぶっ込んでください。

<div id="map-canvas" class="map-canvas" style="width:640px;height:480px;"></div>
<input type="text" id="latlng" readonly>
<script type="text/javascript">
  function initMap(lat, lng, mapBox, draggable) {
    var myLatlng = {lat: 35.658620, lng: 139.745417};
    var map = new google.maps.Map(document.getElementById("map-canvas"), {
      zoom: 16,
      center: myLatlng,
    });
    var marker = new google.maps.Marker({
      position: myLatlng,
      map: map,
      draggable: true
    });
    google.maps.event.addListener(marker, "dragend", function() {
      outputLatLng(marker.getPosition());
      map.panTo(marker.getPosition());
    });
    outputLatLng(marker.getPosition());
  }
  
  function outputLatLng(latlng) {
    document.getElementById("latlng").value = latlng.lat() + "," + latlng.lng();
  }
</script>
<script async defer
  src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
</script>