Jvector Map插件问题

时间:2011-06-14 11:51:46

标签: javascript jquery jquery-plugins

希望有人可以帮助我。我发现这个很好的jQuery插件可以在我们的Intranet中显示矢量地图,但是我无法创建HTML代码来使其工作。

http://jvectormap.owl-hollow.net/

感谢您的帮助或指导。

谢谢你, 贝

2 个答案:

答案 0 :(得分:3)

可能您忘记设置要放置地图的容器大小。这应该有效:

<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
    <link rel="stylesheet" href="jquery.vector-map.css" type="text/css" media="screen" />
    <script src="jquery-1.6.min.js"></script>
    <script src="jquery.vector-map.js"></script>
    <script src="world-en.js"></script>
    <script>
        $(function(){
            $('#map').vectorMap();
        });
    </script>
</head>
<body>
    <div id="map" style="width: 600px; height: 400px;"></div>
</body>
</html>

我将在下一个版本中添加宽度和高度参数

答案 1 :(得分:1)

您必须设置地图。哪个名称位于map.js之上。可能你忘记了

$('#map').vectorMap({map: 'europe_en'});