如何使用asp.net mvc模型中的数据为谷歌地图标记创建数据数组？

public ActionResult GetMapData()
{
    // 获取数据模型的集合，假设模型名为Location
    var data = db.Locations.ToList();

    // 创建谷歌地图标记数组
    var markers = new List<object>();

    foreach (var item in data)
    {
        // 构建每个标记的信息
        var marker = new
        {
            lat = item.Latitude,    // 经度
            lng = item.Longitude,   // 纬度
            title = item.Name,      // 标题
            description = item.Description   // 描述
        };

        markers.Add(marker);
    }

    return Json(markers, JsonRequestBehavior.AllowGet);
}

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap" async defer></script>
<script>
    function initMap() {
        var map = new google.maps.Map(document.getElementById('map'), {
            center: { lat: 0, lng: 0 },   // 设置地图初始中心点
            zoom: 12                     // 设置地图初始缩放级别
        });

        // 使用Ajax从控制器获取标记数据
        $.ajax({
            url: '@Url.Action("GetMapData", "ControllerName")',
            type: 'GET',
            dataType: 'json',
            success: function (data) {
                // 在地图上添加标记
                for (var i = 0; i < data.length; i++) {
                    var marker = new google.maps.Marker({
                        position: { lat: data[i].lat, lng: data[i].lng },
                        map: map,
                        title: data[i].title
                    });

                    // 可选：为标记添加信息窗口
                    var infoWindow = new google.maps.InfoWindow({
                        content: '<h3>' + data[i].title + '</h3><p>' + data[i].description + '</p>'
                    });

                    marker.addListener('click', function () {
                        infoWindow.open(map, marker);
                    });
                }
            }
        });
    }
</script>

<div id="map"></div>