Как исправить карту d3, которая зашифрована? - PullRequest
Новая
       21

Как исправить карту d3, которая зашифрована?

0 голосов
/ 30 апреля 2020

Я пытаюсь сделать разные карты Нью-Йорка C, используя d3 v4. Я смог сделать один по району сообщества. Однако, когда я пытаюсь сделать это по почтовому индексу, получается беспорядочный беспорядок. ( См. Здесь ) Я дважды проверил свой JavaScript, и я не заметил ничего плохого.

Вот мой javascript: 

d3.queue()
.defer(d3.json,'./nyc_zip_code.json')
.await(ready)

function ready(error, data){
    if(error) throw error
const nycMap = topojson.feature(data,{
    type:'GeometryCollection',
    geometries: data.objects.ZIP_CODE_040114.geometries
})

//projection
const projection = d3.geoAlbersUsa()
.fitExtent([[20,20],[460,500]], nycMap)

//geopath
const geoPath = d3.geoPath()
.projection(projection)

d3.select('svg.nyc-map-zip-code').selectAll('path')
.data(nycMap.features)
.enter()
.append('path')
.attr('d', geoPath)

}

А вот ссылка на файл Topo JSON, который я преобразовал с помощью MapShaper. Мой источник оригинального файла SHP находится здесь.

Любые подсказки о том, что я делаю неправильно, были бы замечательными.

...