3

http://jvectormap.com/tutorials/getting-started/

以下代码是从上述网页获得的示例中复制的，但由于下载的文件名与示例代码不匹配，我不得不更改 jquery-jvectormap.css 和 jquery-jvectormap.js。地图的下载按钮没有下载文件，而是显示了我复制并粘贴到我命名为 jquery-jvectormap-world-mill-en.js 的文件中的数据。所有文件与演示文件位于同一目录中。

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

在浏览器中显示的结果是一个全白的网页。我是网络编程新手，但在我看来 $('#world-map').vectorMap(); 应该提供一些信息来说明使用哪个地图。请帮忙。

一些示例非常出色，它们解释了代码的作用以及资源需要驻留的位置。其他人希望您直观地知道它是如何工作的，但是当您学习时，您不知道。“免费”软件并不总是免费的，有时它会带来成本、时间和压力，我宁愿花钱。

4

3 回答 3

1

抱歉迟到了，但问题很可能是线路

<script src="jquery.js"></script>

失败（如果您在 Web 浏览器中查看调试消息，您会发现未定义 ReferenceError jquery行- 例如在 Firefox 中从右键菜单：检查元素 -> 控制台，然后重新加载页面）。

我不确定您正在运行什么系统，但在 Linux 中 jquery.js 通常位于 /usr/share/javascript/jquery/jquery.js。

所以，换行

<script src="jquery.js"></script>

和

<script src="/usr/share/javascript/jquery/jquery.js"></script>

或者，如果您有一个网络服务器，请确保它知道 jquery.js 的位置。

于 2014-03-16T11:32:14.667 回答
0

它有效，这是证据。

您可能没有正确指向html.

而且您不需要指向地图，“地图”的默认值为“world_mill_en”：

jvm.WorldMap.defaultParams = {
    map: "world_mill_en",

这是 jquery-jvectormap-1.2.2.min.js 的摘录，$('#world-map').vectorMap()非常好。

于 2013-10-01T18:20:58.910 回答
0

我遇到了与您完全相同的问题，正如 Paul 提到的那样，我发现我需要使路径相对，但是除了该解决方案之外，我还必须修改我正在使用的映射 jquery 文件，从而将“jquery”替换为 $如下：

<----！原始文件：->

jquery.fn.vectorMap('addMap'..)

<----！修改文件：->

$.fn.vectorMap('addMap'...)

随意参考以下论坛帖子： https ://forum.jquery.com/topic/trying-to-get-jvectormap-working

于 2016-07-17T05:40:57.510 回答