Javascript 数据映射未显示在我的浏览器中
我正在尝试使用d3.js创建一个地图,但是地图没有显示。我附上代码,因为我需要一些帮助来解决这个问题。。。我实际上已经在stackoverflow上遵循了这个解决方案,但我仍然无法解决它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
<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>