如何从剃刀调用Javascript函数?

时间:2018-01-25 09:49:12

标签: javascript razor asp.net-core-mvc

我正试图在我的某个屏幕中使用谷歌地图。我可以在window.onload期间加载Google地图。该脚本位于我的site.js文件中。那么我想要每辆自行车我想要显示所有最后的位置(如果有的话)。我一直在搜索网络和这个论坛,但我找到了一个可以帮助我前进的答案。基于我所读到的,这应该可行,但是当我使用断点时,函数ShowLocation永远不会被调用。任何帮助表示赞赏

@model AccountViewModel

<script type="text/javascript">
function ShowLocation(lt, lng) {
    var googleLatLong = new google.maps.LatLng(lt, lng);
    var markerOptions = {
        position: googleLatLong,
        map: map,
        clickable: true
    };

    var marker = new google.maps.Marker(markerOptions);

}

</script>

<div>
    <h2> bicycle Locations </h2>
</div>


<div id="map" class="col-md-8 col-sm-6">
Map Loading....
</div>


 @foreach (var bicycle in Model.Bicycles)
  {
     int i = 0;
     if (bicycle.LastLocationID != 0)
     {
         var location = Model.LastKnowLocations.FirstOrDefault(l => 
         l.ID == bicycle.LastLocationID);
         var lattitude = location.Latitude;
         var longitude = location.Longitude;

         <script type="text/javascript">
              ShowLocation(lattitude, longitude)
         </script>

    }
}

1 个答案:

答案 0 :(得分:0)

您应该从$(document).ready调用showlocation函数。 在剃刀中进行循环只会渲染脚本部分。