Javascript 如何通过点击谷歌地图上的POI标记直接向路线添加目的地(航路点)

Javascript 如何通过点击谷歌地图上的POI标记直接向路线添加目的地(航路点),javascript,c#,google-maps,Javascript,C#,Google Maps,我正在实现一个与谷歌地图相关的功能——旅行计划,它可以让用户在谷歌地图上自定义自己的旅行路线。然而,我只是实现了一个功能,允许用户通过向数据库提交lat/long来创建旅行目的地(航路点),然后在加载TripDetailed视图时在google地图上显示这些航路点数据。当我看到road tripper网站时,它有一个非常酷的功能,允许用户通过点击谷歌地图上的POI标记直接向路线添加目的地(航路点),也就是说,当用户点击特定POI时,它将生成一个带有“添加到行程”按钮的信息窗口。当用户单击该按钮时

我正在实现一个与谷歌地图相关的功能——旅行计划,它可以让用户在谷歌地图上自定义自己的旅行路线。然而,我只是实现了一个功能,允许用户通过向数据库提交lat/long来创建旅行目的地(航路点),然后在加载TripDetailed视图时在google地图上显示这些航路点数据。当我看到road tripper网站时,它有一个非常酷的功能,允许用户通过点击谷歌地图上的POI标记直接向路线添加目的地(航路点),也就是说,当用户点击特定POI时,它将生成一个带有“添加到行程”按钮的信息窗口。当用户单击该按钮时,所选POI将作为航路点添加到现有的旅行路线中,谷歌地图将更新旅行路线

以下是我的JS代码:

//在谷歌地图上计算目的地并显示路线
函数calculateDisplayRoute(方向显示、方向服务){
var-waypts=[];
对于(vari=1;i

好的,我解决了这个问题。只是使用ajax将lat/lng发布到控制器,但我正在考虑如何直接分解多段线,以任意顺序将航路点添加到当前行程路线,而不是将其添加为最后一个行程目的地

这是我更新的JS代码

google.maps.event.addListener(映射,'click',函数(事件){
//现在我们使用ajax将值从视图传递到控制器
$.ajax({
类型:“POST”,
数据类型:“json”,
url:“/Account/AddMapDestination”,
数据:{
lat:event.latLng.lat(),
lng:event.latLng.lng(),
currentTripUid:“@Model.tripUID.ToString()”
},
成功:功能(结果){
如果(结果、成功)