javascript - 静态Google Map图片，其中包含来自坐标的多边形

根据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;

}

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

最佳答案

我假设我可以做这样的事情：

    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";


//