jvectormap地图和标记

时间:2016-10-10 15:31:55

标签: javascript jquery jvectormap

这是我的网络应用程序项目的默认html文件。我收到错误:

  

JavaScript运行时错误:'$'未定义

我认为jquery存在问题。这是我第一次处理html和java脚本,所有的建议都是适当的。

    <!DOCTYPE html>
<html>
<head>
    <title>jVectorMap demo</title>
    <link rel="stylesheet" href="jquery-jvectormap-2.0.3.css" type="text/css" media="screen" />
    <script src="http://code.jquery.com/jquery-1.10.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>
</head>
<body>
    <div id="world-map" style="width: 600px; height: 400px"></div>
    <script>
    $(function () {
        $('#world-map-markers').vectorMap({
            map: 'world_mill',
            scaleColors: ['#C8EEFF', '#0071A4'],
            normalizeFunction: 'polynomial',
            hoverOpacity: 0.7,
            hoverColor: false,
            markerStyle: {
                initial: {
                    fill: '#F8E23B',
                    stroke: '#383f47'
                }
            },
            backgroundColor: '#383f47',
            markers: [
              { latLng: [41.90, 12.45], name: 'Vatican City' },
              { latLng: [43.73, 7.41], name: 'Monaco' },
              { latLng: [-0.52, 166.93], name: 'Nauru' }
            ]
        });
    });
    </script>


</body>
</html>

提前致谢。

0 个答案:

没有答案