2017-05-15 28 views
0

不显示我试图用d3.js携手共创使用datamaps.github.io地图和地图上没有显示。我附上了代码,因为我需要一些帮助来解决这一挑战......其实我也跟着上的计算器Datamaps are showing small size map of India这个解决方案,我仍然没能解决好。资料地图在我的浏览器

<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> 

+0

@GerardoFurtado - 你改变了代码添加一个onload事件处理函数,当你把它复制到JS提琴。 – Quentin

+0

当然@Quentin,这些脚本是在 ......哪里是我的** **头? –

+0

@Quentin可以分享问题的链接,因为你把它标为重复的 – odins

回答

-1

你可能需要以正确的方式包含脚本。他们在本地吗?

这里是一个工作的jsfiddle从远程服务器引用库:

https://jsfiddle.net/khphaLow/

<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> 

希望这有助于。

+0

你改变了代码添加一个onload事件处理函数,当你把它复制到JS提琴。 – Quentin

+0

@mila_frerichs是的脚本是本地的 – odins

+0

@Quentin不是故意的,但它不会改变答案。 –

相关问题