Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 数据映射未显示在我的浏览器中_Javascript_Html_D3.js - Fatal编程技术网

Javascript 数据映射未显示在我的浏览器中

Javascript 数据映射未显示在我的浏览器中,javascript,html,d3.js,Javascript,Html,D3.js,我正在尝试使用d3.js创建一个地图,但是地图没有显示。我附上代码,因为我需要一些帮助来解决这个问题。。。我实际上已经在stackoverflow上遵循了这个解决方案,但我仍然无法解决它 <html> <head> <title></title> <script src="d3.min.js"></script> <script src="topojson.min.js"></scr

我正在尝试使用d3.js创建一个地图,但是地图没有显示。我附上代码,因为我需要一些帮助来解决这个问题。。。我实际上已经在stackoverflow上遵循了这个解决方案,但我仍然无法解决它

<html>
<head>
    <title></title>
    <script src="d3.min.js"></script>
    <script src="topojson.min.js"></script>
    <script src="datamaps.world.min.js"></script>
    <script src="jquery-2.1.4.min.js"></script>

    <script>
        var map = new Datamap({
            element: document.getElementById('container'),
            scope: 'world'
        });
    </script>
</head>
<body>
    <div id="container" style="position: relative; width: 500px; height: 300px;"></div>
</body>

您可能需要以正确的方式包含脚本。他们是本地人吗

下面是一个正在工作的JSFIDLE,它从远程服务器引用库:


希望这能有所帮助。

@GerardoFurtado-当您将代码复制到JS Fiddle时,您更改了代码以添加一个onload事件处理程序函数。@Quentin当然,脚本位于。。。我的头在哪里?@Quentin你能分享这个问题的链接吗,因为你把这个标记为duplicate@odins-在盒子的顶部有一个黄色的大盒子page@Quentin好啊感谢问题解决…现在我理解了onload处理程序的建议,也感谢GerardoYou在将onload事件处理程序复制到JS Fiddle时更改了代码以添加onload事件处理程序函数。@mila_frerichs是的脚本是local@Quentin不是故意的,但这并没有改变答案。@mila_frerichs-添加onload处理程序解决了提问者肯定遇到的问题。答案是在没有任何真实证据的情况下猜测问题可能是什么。OP也有可能存在这个问题,但考虑到代码中表达了一个真实的问题,这意味着答案可能是错误的。
<script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.3/d3.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/topojson/1.6.9/topojson.min.js"></script>
<script src="//datamaps.github.io/scripts/datamaps.world.min.js?v=1"></script>