Javascript 用click事件中的值填充变量

我正在尝试制作一个routeplanner，它允许用户点击地图上的随机点并创建一条路线。 现在，我在将值放入polyline变量时遇到了一些问题。
我在谷歌上搜索过，但似乎找不到一种方法在现有价值的基础上不断增加价值。这些值来自地图上的单击事件

那么，如何在每次单击事件中向具有相同格式的变量添加值呢

函数initMap（）{
变量位置={
拉脱维亚：51.3554957，
液化天然气：5.453326800000135
};
var map=new google.maps.map（document.getElementById（'map'）{
缩放：12，
中心：位置
});
google.maps.event.addListener（映射，“单击”，函数（事件）{
var latitude=event.latLng.lat（）；
var longitude=event.latLng.lng（）；
console.log（纬度+'，'+经度）；
});
var FlightPlan坐标=[{
拉脱维亚：37.772，
液化天然气：-122.214
},
{
纬度：21.291，
液化天然气：-157.821
},
{
lat:-18.142，
液化天然气：178.431
},
{
lat:-27.467，
液化天然气：153.027
}
];
var flightPath=new google.maps.Polyline({
路径：FlightPlan坐标，
测地线：正确，
strokeColor:“#FF0000”，
笔划不透明度：1.0，
冲程重量：2
});
flightPath.setMap（map）；
}

#地图{
高度：600px；
宽度：100%；
}
我的谷歌地图演示

请查看以下内容：

函数initMap（）{
var FlightPlan坐标=[]；
变量位置={
拉脱维亚：51.3554957，
液化天然气：5.453326800000135
};
var map=new google.maps.map（document.getElementById（'map'）{
缩放：12，
中心：位置
});
google.maps.event.addListener（映射，“单击”，函数（事件）{
var latitude=event.latLng.lat（）；
var longitude=event.latLng.lng（）；
console.log（纬度+'，'+经度）；
flightPlanCoordinates.push（{lat:纬度，lng:经度}）；
var flightPath=new google.maps.Polyline({
路径：FlightPlan坐标，
测地线：正确，
strokeColor:“#FF0000”，
笔划不透明度：1.0，
冲程重量：2
});
flightPath.setMap（map）；
});      
}

#地图{
高度：600px；
宽度：100%；
}
我的谷歌地图演示

@HarleyDelaCruz如果打开代码段并单击地图上的任意位置，您将看到我正在谈论的值。那么您想将这些值放在数组中吗？@HarleyDelaCruz我想是的，它需要与预期结果类似，以便我以后可以使用它在值之间创建多段线。可能重复另一个可能的重复