D3地图没有呈现澳大利亚的topojson文件
提问于 2016-07-12 02:05:58
我有一个d3映射没有呈现我创建的澳大利亚TopoJSON文件的JSON文件。
同样的代码将美国地图绘制得很好。浏览器检查器中没有错误，这两种地图在geojson.io这样的在线可视化网站上都很好。
我提供了JSON的链接。
- 澳大利亚TopoJSON 不适用于我的代码(但在geojson.io/#map=4/-27.97/125.22上工作)
- 美国TopoJSON 确实使用了我的代码。
<html>
<head>
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="http://d3js.org/topojson.v1.min.js"></script>
<style>
path {
fill: #ccc;
}
</style>
</head>
<body>
<h1>topojson simplified Australia</h1>
<script>
var width = window.innerWidth,
height = window.innerHeight;
var path = d3.geo.path();
var svg = d3.select("body").append("svg")
.attr("width", width)
.attr("height", height);
d3.json("topo-australia-simplified.json", function(error, topology) {
if (error) throw error;
svg.selectAll("path")
.data(topojson.feature(topology, topology.objects.australia).features)
.enter().append("path")
.attr("d", path);
});
</script>
</body>
</html>
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-07-12 02:27:20
问题在于您使用的是：
var path = d3.geo.path();你没有给出投影：
var projection = d3.geo.mercator()
.scale(500)//scale it up as per your choice.
.translate([-900,0]);//translate as it was scaled up.
var path = d3.geo.path()
.projection(projection);工作代码这里
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38325752
复制相关文章
![[Excel技巧]创建下拉列表](https://developer.qcloudimg.com/http-save/yehe-7215932/e8a502e6cd0882220ca606c02ff21d78.png)
点击加载更多
腾讯云开发者
