Question

我正在开发实体框架mvc web app。我有这个剃刀语法html：

@section Scripts
{
<script src="http://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="jquery-jvectormap-2.0.3.min.js" type="text/javascript"></script>
<script src="jquery-jvectormap-world-mill.js" type="text/javascript"></script>
<script>
        $(function () {
            $('#world-map').vectorMap({
                map: 'world_mill',
                    scaleColors: ['#C8EEFF', '#0071A4'],
                    normalizeFunction: 'polynomial',
                    hoverOpacity: 0.7,
                    hoverColor: false,
                    markerStyle: {
                        initial: {
                            fill: '#F8E23B',
                            stroke: '#383f47'
                        }
                    },
                    backgroundColor: '#383f47',
         //I want this to be done like described not code created
                    markers: [
                      { latLng: [41.90, 12.45], name: 'Vatican City' },
                      { latLng: [43.73, 7.41], name: 'Monaco' },
                      { latLng: [-0.52, 166.93], name: 'Nauru' }
                    ]
                });
            });

</script>
}

我想要的是不是从java脚本代码加载这个标记，我想使用razor html中可访问的模型加载它们。我想做这样的事情：

@foreach(var item in Model)
{
    //Model.latitude, Model.longitude, Model.name create markers for map and    load them
}

这甚至可能吗？我可以编写另一个用于创建标记的函数吗？我在这里找到了一些答案，但没有一个有用。任何帮助都是适当的。

从javascript访问razor html中的模型

0 个答案: