Javascript 如何使用多个标记和多条多边形线绘制多边形线？

我想从一个标记到多个标记绘制多段线，并绑定到它们的标记。与此类似。在本例中，所有多段线都相互连接。我希望将所有多段线分隔开。 我有一组经纬度数组。我想用不同的多段线绘制每个数组，并用标记绑定它们

{
    "polyline1": [
        [25.774252, -80.190262],
        [18.466465, -66.118292],
        [32.321384, -64.75737]
    ],
    "polyline2": [

        [32.321384, -64.75737],
        [36.321384, -88.75737]
    ],
    "polyline3": [

        [20.466465, -68.118292],
        [34.321384, -66.75737],
        [27.774252, -82.190262]
    ]
}

希望这有助于：

函数initMap（）{
var map=new google.maps.map（document.getElementById（'map'）{
缩放：1，
中心：{lat:24.886，lng:-70.268}，
mapTypeId:'地形'
});
变量多段线1=[
{lat:25.774252，lng:-80.190262}，
{lat:18.466465，lng:-66.118292}，
{lat:32.321384，lng:-64.75737}
];
变量多段线2=[
{lat:32.321384，lng:-64.75737}，
{拉丁美洲：36.321384，液化天然气：-88.75737}
];
变量多段线3=[
{lat:20.466465，lng:-68.118292}，
{拉丁美洲：34.321384，液化天然气：-66.75737}，
{lat:27.774252，lng:-82.190262}
];
新google.maps.Polygon({
地图：地图，
路径：多段线1，
strokeColor:“#FF0000”，
笔划不透明度：0.8，
冲程重量：2，
填充颜色：'#FF0000'，
不透明度：0.35，
测地线：真
});
新google.maps.Polygon({
地图：地图，
路径：多段线2，
strokeColor:“#0000FF”，
笔划不透明度：0.8，
冲程重量：2，
填充颜色：“#0000FF”，
不透明度：0.35，
测地线：假
});
新google.maps.Polygon({
地图：地图，
路径：多段线3，
strokeColor:“#0000FF”，
笔划不透明度：0.8，
冲程重量：2，
填充颜色：“#0000FF”，
不透明度：0.35，
测地线：假
});
}

/*始终明确设置贴图高度以定义div的大小
*包含映射的元素*/
#地图{
身高：100%；
}
/*可选：使示例页面填充窗口*/
html，正文{
身高：100%；
保证金：0；
填充：0；
}