Question

我在我的网站上使用Google Maps Javascript API。当我将地图或缩放拖动到任何位置时，我想要当前的longlat。例如。 “当我们拖动它时，它会发生在maps.google.com上。它会在网址中显示longlat。”

通常，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 Map

中的变量中移动该地图时需要当前坐标

谢谢！

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

从我网站的Google Maps API获取坐标LongLat

1 个答案: