私のウェブサイトのGoogle Maps APIから座標をLongLatに取得

Question

私のウェブサイトでGoogle Maps Javascript APIを使用しています。私はマップをドラッグするか、任意の場所にズームすると、現在のlonglatが欲しいです。例えば。 「maps.google.comでURLを長くドラッグすると表示されます」

一般的に、APIはKEYと簡単な初期化コードを提供します。

function initMap() { 
    var uluru = {lat: -25.363, lng: 131.044}; 
    var map = new google.maps.Map(document.getElementById('map'), { 
     zoom: 4, 
     center: uluru 
    }); 
    var marker = new google.maps.Marker({ 
     position: uluru, 
     map: map 
    }); 

    } 

しかし、私のウェブサイトにGoogleマップから変数で、そのマップを移動させながら、私は現在の座標をしたい

ありがとう。！

Answer 1

次の関数を使用します

function initialize() { 
    var mapDiv = document.getElementById('map-canvas'); 
    var map = new google.maps.Map(mapDiv, { 
    center: new google.maps.LatLng(37.4419, -122.1419), 
    zoom: 13, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
    }); 

    google.maps.event.addListener(map, 'bounds_changed', function() { 
     var lat1 = 37.41463623043073; 
     var lat2 = 37.46915383933881; 
     var lng1 = -122.1848153442383; 
     var lng2 = -122.09898465576174; 

     var rectangle = new google.maps.Polygon({ 
     paths : [ 
      new google.maps.LatLng(lat1, lng1), 
      new google.maps.LatLng(lat2, lng1), 
      new google.maps.LatLng(lat2, lng2), 
      new google.maps.LatLng(lat1, lng2) 
     ], 
     strokeOpacity: 0, 
     fillOpacity : 0, 
     map : map 
     }); 
     google.maps.event.addListener(rectangle, 'click', function(args) { 
     console.log('latlng', args.latLng); 
     }); 
    }); 
} 

google.maps.event.addDomListener(window, 'load', initialize); 

Working fiddle