Question

我用asp.net mvc4和。实现了一个内部网应用程序我想将一些交互式地图显示在某些页面中。

一开始为了理解插件是如何工作的，我创建了一个带有HTML文件的文件夹，一些js文件，......一切都运行良好。之后我试着让它适应我的应用，这是我的问题!!! 我的申请表没有显示地图。

这是我的代码（Asp.NET MVC）：

@Styles.Render("~/Content/bootstrap.min.css")
@Styles.Render("~/Content/jqvmap.css")

@Scripts.Render("~/Scripts/jquery-1.9.1.min.js")
@Scripts.Render("~/Scripts/bootstrap.min.js")
@Scripts.Render("~/Script/jquery.vmap.min.js")
<script>
     jQuery(document).ready(function () {
        jQuery.fn.vectorMap('addMap', 'seventh_floor', ... )
        jQuery('#vmap').vectorMap({
            map: 'seventh_floor',
            backgroundColor: '#333333',
            color: '#ffffff',
            hoverOpacity: 0.7,
            selectedColor: '#999999',
            enableZoom: true,
            showTooltip: true,
            scaleColors: ['#C8EEFF', '#006491'],
            normalizeFunction: 'polynomial'
        })
    });
</script>

<body>
    <div id="vmap" style="width: 1200px; height: 800px;"></div>
</body>

以下是我的HTML文件的代码：

  <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
      <head>
        <title>MyCustomMap</title>

        <link href="jqvmap.css" media="screen" rel="stylesheet" type="text/css" />

        <script src="jquery-1.11.1.min.js" type="text/javascript"></script>
        <script src="jquery.vmap.min.js" type="text/javascript"></script>
        <script src="jquery.vmap.carte.js" type="text/javascript"></script>


        <script type="text/javascript">
            jQuery(document).ready(function() {
                jQuery('#vmap').vectorMap({
                    map: 'seventh_floor',
                    backgroundColor: '#333333',
                    color: '#ffffff',
                    hoverOpacity: 0.7,
                    selectedColor: '#999999',
                    enableZoom: true,
                    showTooltip: true,
                    scaleColors: ['#C8EEFF', '#006491'],
                    normalizeFunction: 'polynomial'
                });
            });
       </script>
      </head>
      <body>
        <div id="vmap" style="width: 1200px; height: 800px;"></div>
      </body>
  </html>

有人有想法吗？

由于

jqvmap在MVC4应用程序中不起作用

0 个答案: