Блог

Я пытаюсь нарисовать карту Сеула, но она дает мне только черный прямоугольник.
Я думал, что может быть проблема, projection.scale но я не мог понять этого.
Я использовал scale.fitSize() функцию, чтобы справиться с этим. но мой d3-это более старая версия, которая недоступна fitSize() .

мой код здесь:

 var width = 600, height = 700;

var svg = d3.select('#chart').append('svg')
    .attr('width',width)
    .attr('height',height);

var projection = d3.geo.mercator()
    .center([128,36])
    .scale(5000)
    .translate([width/2, height/2]);

var path = d3.geo.path()
    .projection(projection);



d3.json('Seoulmap.json',function(error,data) {
    var features = topojson.feature(data, data.objects['Seoulmap']).features;
    svg.selectAll('path')
        .data(features)
      .enter().append('path')
        .attr('class','name')
        .attr('d',path)
        .attr('id',function(d) { return d.properties.ADM_DR_NM; });
});
 

Как мой код отображает черный прямоугольник: