小编Sid*_*rth的帖子

我正在使用react-d3-map-bubble库来绘制美国地图。反应库- https://github.com/react-d3/react-d3-map-bubble

使用的美国地图 json 文件 - https://d3js.org/us-10m.v1.json

我的目标是在地图上绘制点。

在当前的js文件中，counties对象使用弧线并在美国地图上绘制不同的点。请参阅此处的图片说明 - https://bl.ocks.org/mbostock/9943478

我有纬度和经度而不是弧/多边形。因此，在 json 文件中，我将使用以下示例更改“国家”对象：

      {
        "type": "GeometryCollection",
        "geometries": [
            {
                "type": "Point",
                "properties": {
                    "name": "Some place in New Mexico",
                    "population": 54590
                },
                "arcs": [
                    []
                ],
                "coordinates":[33.500142,-111.929818]
            }
         ]
       }

使用 US json 中给定的转换函数，我无法将给定的坐标放置到地图上的正确位置。

变换函数

"transform": {
    "scale": [0.09996701564084985, 0.058373467440357915],
    "translate": [-56.77775821661018, 12.469025989284091]
}

所以，

1. 如何为使用 topojson 的坐标获得正确的转换函数？

或者

2. 如何将所有坐标转换为弧/多边形，可以直接放置在“counties”对象中？