Question

我正在尝试使用d3.js使用datamaps.github.io创建地图，但地图未显示。我附上代码是因为我需要一些帮助来解决这个挑战......我实际上已经在stackoverflow 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>

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

希望这有帮助。

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

1 个答案: