如何获得一组可以构建多边形谷歌地图的点

Question

我想用谷歌地图建立一个多边形区域作为图片，你可以知道如何获得该区域的坐标数组？

所需多边形的图片

Answer 1

您可以使用至少包含3个元素的lat，lng对数组构建多边形。

如果阵列未关闭，谷歌地图将默认关闭它。

而对于大多数DBMS，必须保存一个闭合的坐标数组。接近是什么意思？基本上，数组的第一个点和最后一个点是相等的。像MongoDB这样的DBMS会对格式错误的地理空间数据抛出错误。关于$polygon的MongoDB文档。另一件需要提及的事情是，MongoDB只接受lng，lat格式的坐标。

正如您在Google Maps官方多边形文档中看到的，您可以从坐标数组开始绘制多边形：

// Define the LatLng coordinates for the polygon.
var triangleCoords = [
    {lat: 25.774, lng: -80.190},
    {lat: 18.466, lng: -66.118},
    {lat: 32.321, lng: -64.757}
];

然后你可以构建它并在地图上设置它：

// Construct the polygon.
var bermudaTriangle = new google.maps.Polygon({
    paths: triangleCoords, //Array of Coordinates
    strokeColor: '#FF0000', //Color of the line
    strokeOpacity: 0.8, //Color opacity
    strokeWeight: 3, //Line weight
    fillColor: '#FF0000', //Inner Color
    fillOpacity: 0.35 //Inner color opacity
 });
 //Set it on the map
 bermudaTriangle.setMap(map);

然后，您可以使用clickListener和infoWindows

// Add a listener for the click event and opens infoWindow
bermudaTriangle.addListener('click', showArrays);

infoWindow = new google.maps.InfoWindow;

您可以在此处阅读有关infoWindows的更多信息。

最后，在这里你可以找到我用谷歌地图文档和AngularJS制作的Plunker。当然，您可以使用纯Javascript来实现。

最后但并非最不重要的一点是，确保边界上有点，并且具有合理的lat、lng坐标。

我希望我能帮上忙。