包含坐标多边形的静态Google Map图像

Question

转换为基于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

如您所见，每个坐标用＆＃34;％7C＆＃34;分隔。这是＆＃34; |＆＃34;。

我有一个坐标数组，可以创建一个多边形。

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

}

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

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


//