d3.geomap 不工作

d3.geomap Not Working

我一直在努力让 http://d3-geomap.github.io/ 的文档正常工作,但不知何故,我找不到我的错误。 这是我的代码:

<!DOCTYPE html>

<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <link href="d3-geomap/css/d3.geomap.css" rel="stylesheet">
    <script src="d3-geomap/vendor/d3.geomap.dependencies.min.js"></script>
    <script src="d3-geomap/js/d3.geomap.min.js"></script>
</head>
<body>
    <div id="map"></div>

<script>
var map = d3.geomap()
.geofile('d3-geomap/topojson/world/countries.json');

d3.select('#map')
.call(map.draw, map);
</script>

我的 HTML 文件在根文件夹中。

好的,如果有人遇到和我一样的问题 - 我解决了。

问题是 windows 存在一些安全问题,它会阻止某些类型的代码。我找不到真正的原因,但如果你想让它工作,只需将它托管在为我完成工作的虚拟网络服务器上(例如 www.xampp.com)。