D3.js未在topojson中显示所有地图元素

Question

答：我已经下载了两个geojsons

1. 地图
2. 美国

。

世界 $ GEOJSON-MERGE GZ_2010_US_040_20M.JSON custom.geo.json＆gt; commined.json

C.我然后将world_map_with_usa_states.json转换为mapshaper.org上的topojson，

加载world_map_with_with_usa_states.json.json on https://mapshaper.org/ 向美国和其他国家/地区显示

，但D3.js并未显示美国州

d3.js代码

let mapURl = 'world_map_with_USA_states.json'

let countriesData
const width = 900
const height = 600
const svg = d3.select('body').append('svg')
                             .attr('width', width)
                             .attr('height', height)

const projection = d3.geoMercator().scale(140)
                                   .translate([width/2, height/1.4]) 

const path = d3.geoPath(projection)

const g = svg.append('g')

d3.json(mapURl)
  .then((data, error) =>{
      if (error){
          console.log(error)
      }else{
        console.log(data)
        countriesData = topojson.feature(data, data.objects.combined)

        g.selectAll('path').data(countriesData.features).enter().append('path')
                                                                .attr('class', 'country')
                                                                .attr('d', path)
      }
  })

d3.js地图（顶部）与。 mapshaper.org map（底部）

“ alt =” mapshaper.org apojson的地图“

https://i.sstatic.net/znsk.png