具有坐标多边形的静态谷歌地图图像答案

【问题标题】：Static Google Map image with polygons from coordinates具有坐标多边形的静态谷歌地图图像
【发布时间】：2017-06-13 00:34:05
【问题描述】：

根据 Google 的 API 转换为静态地图 https://developers.google.com/maps/documentation/static-maps/intro

有这个代码：

https://maps.googleapis.com/maps/api/staticmap?path=color:0xff0000ff%7Cweight:5%7C40.737102,-73.990318%7C40.749825,-73.987963%7C40.752946,-73.987384%7C40.755823,-73.986397&size=512x512

如您所见，每个坐标由“%7C”分隔，即“|”。

我有一个创建多边形的坐标数组。

for (var i = 0; i < values["coords"].length; i++) {
var mycoords = values["coords"][i].lat + ", " + values["coords"][i].lng;

}

如何合并数组以便在静态图片 url 中使用？

【问题讨论】：

标签： javascript arrays google-maps static polygon

【解决方案1】：

我假设我可以这样做：

    var mergeCoords;
    var gmapImgSrc;

    mergeCoords = mycoords.join("%7C");

    gmapImgSrc = "https://maps.googleapis.com/maps/api/staticmap?path=color:0xff0000ff%7Cweight:5%7C" + mergeCoords + "&size=512x512";


//

【讨论】：