Я не могу увеличить свою карту с помощью D3.js и всегда получай черный блок

#javascript #d3.js

#язык JavaScript #d3.js

Вопрос:

Я пытаюсь увеличить свою карту с помощью геопроекции или геомеркатора. Скрыто mapsvg , если найти черный блок, и моя карта не видна. Мой код выглядит следующим образом:

 fetch("./data/chinaMapDataAll.json")  .then(d1 =gt; d1.json())  .then(d1 =gt; {  var mapdata = [];  var mapsvg = d3.select("#mapsvg")  var mapwidth = mapsvg.attr("width")  var mapheight = mapsvg.attr("height")  for(let i=0;ilt;=d1.features.length-1;i  ){  mapdata.push(d1.features[i].geometry.coordinates[0][0]);  }  console.log(mapdata);  var mapProjection=d3.geoProjection(function(x,y){  return [x,y];  });   var mapPath = d3.geoPath(mapProjection);   mapsvg.selectAll("path")  .data(d1.features)  .join("path")  .attr("d", function(d) { return mapPath(d) })   .attr("fill",function(d,i) { return scacolor[i]; })  

Комментарии:

1. Ваш код кажется неполным. Можете ли вы привести воспроизводимый пример (фрагмент или скрипку) ?

2. это основной код при создании карты .geojson является номинальным, и я просто хочу знать, почему проекция повреждает мою карту

3. Вам нужно будет поделиться своим геоджсоном, по крайней мере частично, ваша проекция обрабатывает его координаты как пиксели, это было бы необычной единицей измерения для системы координат.