javascript - MVC asp.net中Googe Map Api上的多个标记

我正在Asp.net MVC中开发Web应用程序，我需要在Google Maps Api JavaScript上添加多个标记。

在视图中，我将模型称为“车辆对象”列表。

<script>



function initMap() {

    var myLatLng = { lat: 48.584715, lng: 7.748556 };

    // Create a map object and specify the DOM element
    // for display.
    var map = new google.maps.Map(document.getElementById('carte'), {
        center: myLatLng,
        zoom: 14
    });

    // Create a marker and set its position.

    @foreach(var item in Model){
         <text>
              var marker = new google.maps.Marker({
              map: map,
              position: { lat: @item.VehicleLocation.Latitude, lng: @item.VehicleLocation.Longitude },
              title: 'Hello World!'
        </text>
        }

}</script>

我使用@foreach块为列表的每个对象放置一个标记。

没有这个@foreach部分，我们可以看到地图。
但是当我输入@foreach时，不会显示地图。

我不明白这个问题

我该如何解决？

最佳答案

由于未关闭google.maps.Marker（...）调用，因此引发了语法错误。

@foreach(var item in Model){
     <text>
        var marker = new google.maps.Marker({
          map: map,
          position: { lat: @item.VehicleLocation.Latitude, lng: @item.VehicleLocation.Longitude },
          title: 'Hello World!'
        });
    </text>
}

注意结束});

关于javascript - MVC asp.net中Googe Map Api上的多个标记，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/51026421/