정말 간단하게하려고합니다. 나는 GeoJSON 파일을 가지고 뉴욕의 모든 의회 선거구의 파일을 가지고 있으며, 단순히 SVG 요소에서 그것을 볼 수 있기를 원했습니다. TopoJSON으로 변환하고 this tutorial을 따르려고했습니다 (단, 새로운 업데이트 된 d3 v4 API를 사용하여 시도했습니다). 주요한 문제는지도가 렌더링되지만 매우 작다는 것입니다. 내가 그것을 확장하려고하면 나는 그지도를 완전히 잃어 버린다.왜 TopoJSON은 D3에서 그렇게 작게 렌더링됩니까? (간단한 예제)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>NY State Districts Demo</title>
</head>
<body>
<h1>Hello</h1>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.10.2/d3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/topojson/3.0.2/topojson.js"></script>
<script>
/* JavaScript goes here */
var width = 960, height = 1160;
var svg = d3.select("body").append("svg").attr("width", width).attr("height", height);
d3.json("./ny_bounds.json", function(error, ny){
if(error) return console.error(error);
console.log(ny);
svg.append("path")
.datum(topojson.feature(ny, ny.objects.ny_bounds))
.attr("d", d3.geoPath().projection(d3.geoAlbersUsa()));
});
</script>
</body>
</html>
Here 문제의 TopoJSON에 대한 링크입니다 :
은 여기 내 HTML과 D3의 JS이다.
나는 d3과 geo/topoJSON에 대해 많은 지식을 가지고 있지 않다는 것을 인정하지만 나는이 시점에서 막혀있다. 누구든지 내가이 주제에 관해 더 많이 배울 수있는 자원이 있다면 그것은 또한 위대 할 것이다. 하지만 내가 말한 주요 문제는 맵이 너무 작아서 센터링/스케일링 할 수 없다는 것입니다.
도움을 주셔서 미리 감사드립니다.
안녕하세요, 저는 시작하려는 조직과 비슷한 유형의 프로젝트에서 작업하고 있습니다. 가능할 때 우리는 서로를 도와 줄 수 있도록 stackoverflow를 연결해야합니다. – Pytth