从控制器传递 c# 值以查看 javascript

Question

所以我试图从控制器列表中传递纬度和经度值以查看脚本（谷歌地图）。这段代码的目的是根据控制器的经纬度列表在谷歌地图上创建多个标记。

如何将列表从控制器实际传递到谷歌地图的查看脚本？

这是我的一些代码：

index.cshtml

<script> 
@foreach (float list in ViewBag.latitude_list){
@foreach (float list2 in ViewBag.longitude_list){
        var marker = new google.maps.Marker({
            position: new google.maps.LatLng(@list, @list2),
            map: map,
            title: 'Hello World!'
        });
    }
}
</script>

controller.cs

//add latitude and longitude to list                        
latitude_list.Add(entity.vehicle.position.latitude);
longitude_list.Add(entity.vehicle.position.longitude);

ViewData["latitude_list"] = latitude_list;
ViewData["longitude_list"] = longitude_list;
return View();

我对此还是很陌生，任何帮助将不胜感激。

更新

这就是我用 C# 值填充 javascript google map lat 和 lng 的方式。 与模型，

homecontroller.cs

latLngList.Add(new LatLng() {Lat = entity.vehicle.position.latitude, Lng = entity.vehicle.position.longitude})

和

index.cshtml

<script>
var markersArray = [];

    @foreach (var item in ViewBag.latLngList){
       <text>
             markersArray.push(new google.maps.Marker({
                 draggable: true,
                 position: new google.maps.LatLng('@item.Lat', '@item.Lng', false),
                 title: 'Whatever title',
                 map: map
             }));
        </text>
    }
</script>

Answer 1

如果我正确理解您的问题，答案将是：

• 您可以创建具有两个属性 Lat 和 Lng 的模型。
• 然后创建一个要传递给视图的位置列表。
• 我认为代码应该是这样的。

LatLng.cs

public class LatLng
{
public float Lat {get;set;}
public float Lng {get;set;
}

controller.cs

//add latitude and longitude to list
public class Controller
{
List<LatLng> latLngList = new List<LatLng>();
latLngList.Add(new {entity.vehicle.position.latitude, 
entity.vehicle.position.longitude} );
ViewData["latLng_List"] = latLngList;
return View();
}

index.cshtml

<script> 
@foreach (var item in ViewData["latLng_List"] as IList<>){
   var marker = new google.maps.Marker({
   position: new google.maps.LatLng(item.Lat, item.Lng),
   map: map,
   title: 'Hello World!'
   });
}
</script>

• 有很多方法可以做到这一点，但我会根据你的回答来做。