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)。
我一直在努力让 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)。