Jquery 单击谷歌地图后更新局部视图

我是在asp.NETMVC中开发的新手，遇到了一个小问题

我想在点击谷歌地图并将新坐标发送回控制器后更新局部视图， 这是我的控制电话

public PartialViewResult Events_ret(string lati, string longi)
    {
        double lat = Convert.ToDouble(lati.Replace(".", ","));
        double lon = Convert.ToDouble(longi.Replace(".", ","));
        double distance = 20000;

        var sourcePoint = GeographyPoints.CreatePoint(lat, lon);

        List<Events> vm = new List<Events>();

        vm = (from eve in db.Events
              where eve.location.Distance(sourcePoint) < distance
              orderby eve.start_time
              select eve).ToList();
        return PartialView("_Events", vm);
    }

部分视图的加载

<div id="events" class="row">
@Html.Partial("_Events")
</div>

@Html.Partial（“\u事件”）

以及谷歌地图容器所在的部分视图代码

@model List<NOOX.Models.Events>

<div id="customerresult" class="itemdetailws">
@{
    foreach (var curentEvent in Model)
    {
        <div class="col-md-6">
            <div>
                <h4>@Html.DisplayFor(model => curentEvent.Name)</h4>
            </div>
        </div>
    }
}
</div>

<div class="map_container" id="googleMaps" />

@型号列表
@{
foreach（模型中的var curentEvent）
{
@DisplayFor（model=>curentEvent.Name）
}
}

---

现在唯一剩下的问题是，我的谷歌地图显示在第一个页面加载中，但在我点击地图并获取新数据后，地图不再显示，只显示新数据

你解决了我面临的问题吗？你解决了这个问题吗

$.ajax({
           url: "Home/Events_ret",
           type: "get",
           data: requestData,
           success: function (result) {
               $("#events").html(result);
           }
       });

<div id="events" class="row">
@Html.Partial("_Events")
</div>

@model List<NOOX.Models.Events>

<div id="customerresult" class="itemdetailws">
@{
    foreach (var curentEvent in Model)
    {
        <div class="col-md-6">
            <div>
                <h4>@Html.DisplayFor(model => curentEvent.Name)</h4>
            </div>
        </div>
    }
}
</div>

<div class="map_container" id="googleMaps" />