【发布时间】：2015-06-26 11:23:44
【问题描述】：
我正在尝试在应用程序中使用 jVectorMap，但收到此错误。
他们网站上显示的示例表明您只需将$('#map').vectorMap({map: 'world_mill_en'}); 放在您的页面上。
好吧，我有一个 id 为 map 的 div 以及加载了这个脚本，但我收到了这个错误。什么是 ？我猜它与 SVG 或某些未设置的设置有关（如高度或宽度？）
这是我对脚本的使用：
<script>
$('#map').vectorMap({map: 'world_mill_en'});
</script>
还有我的 div：
<div id="map"></div>
如何设置 div 的高度/宽度？或者我是在矢量图中设置这个值，还是完全是别的东西？
这是我的头脚本的组织方式：
<script src="js/jquery-1.11.2/jquery-1.11.2.min.js"></script>
<script src="js/jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script src="jvectormap/jquery-jvectormap-2.0.2.min.js"></script>
<link rel="stylesheet" href="jvectormap/jquery-jvectormap-2.0.2.css" />
<script src="jvectormap/jquery-jvectormap-world-mill-en.js"></script>
【问题讨论】：
-
可以使用 CSS
#map {width:100px;height:100px;}或样式属性style="width:100px;height:100px;"设置的宽度和高度 -
你找到答案了吗？
-
在我的情况下，结果证明是我这边的拼写错误和 jvectormap 的奇怪行为的组合。事实证明，当我在 `$('#id-which-doesnt-exist').vectorMap({map: 'world_mill'});` 中指定无效 id 时，而不是给出一个明确的错误消息，表明这个 id 没有'不存在。 jvectormap 只是选择了
<body>的第一个孩子。 （并且那个孩子是一个常规的元素，它没有明确设置宽度/高度。后来 jvectormap 尝试缩放这个元素，因为它没有明确设置大小，它以 0,0 的大小失败
标签： javascript jquery html svg jvectormap