javascript - 如何获取谷歌地图 Angular 落的坐标？

Question

我需要绘制仅具有四个坐标的多边形，这些坐标用于缩放 13 中加载 map 的四个 Angular ，另一方面，获取整个 map 的坐标以显示给用户。 (用户搜索特定区域并在 map 上绘制多边形，但如果他/她不绘制多边形，我想为他/她绘制投影 map 大小的多边形并显示结果。)

Answer 1

以缩放比例创建 map :13

var map = new google.maps.Map(document.getElementById("map"), {
    center: {lat: 51.561162, lng: -0.163331},
    zoom: 13
});

然后使用 map.getBounds()获取可见 map 的 LatLngBounds。

var bounds = map.getBounds();

然后，您可以使用它来获取西南 Angular 和东北 Angular 的 LatLng 坐标:

var NECorner = bounds.getNorthEast();
var SWCorner = bounds.getSouthWest();

然后您可以使用它们来计算其他两个 Angular 的坐标:

var NWCorner = new google.maps.LatLng(NECorner.lat(), SWCorner.lng());
var SECorner = new google.maps.LatLng(SWCorner.lat(), NECorner.lng());

最后绘制多边形，使用这些 Angular 为 paths大批:

var polygon = new google.maps.Polygon({
    map: map,
    paths: [NWCorner, NECorner, SECorner, SWCorner],
    fillColor: 'red',
    fillOpacity: 0.7
});