Слой GeoJSON не отображается - PullRequest
0 голосов
/ 24 сентября 2019

Я попытался показать слой GeoJSON для приложения React.Я запускаю пример здесь: https://github.com/uber/deck.gl/tree/master/examples/website/geojson

Он работает, но когда я попробовал его самостоятельно, 3D не отображается

Моя функция для слоев

_render3DLayers() {
return [
      new GeoJsonLayer({
        id: data[0]._id,
        data : {
          "type": "FeatureCollection",
          "features": [
            {
              "type": "Feature",
              "properties": {},
              "geometry": {
                "type": "Polygon",
                "coordinates": [
                  [
                    [
                      1186.794319152832,
                      -6.151477964207542
                    ],
                    [
                      1186.7864227294922,
                      -6.17264098982876
                    ],
                    [
                      1186.8004989624021,
                      -6.195509760592845
                    ],
                    [
                      1186.8142318725586,
                      -6.221107955334706
                    ],
                    [
                      1186.8293380737305,
                      -6.2395378839383016
                    ],
                    [
                      1186.8489074707031,
                      -6.239879172805933
                    ],
                    [
                      1186.867446899414,
                      -6.242950762610697
                    ],
                    [
                      1186.875343322754,
                      -6.246022334402223
                    ],
                    [
                      1186.878433227539,
                      -6.238514016001837
                    ],
                    [
                      1186.8732833862305,
                      -6.206773119538459
                    ],
                    [
                      1186.8725967407227,
                      -6.201312127064742
                    ],
                    [
                      1186.8756866455078,
                      -6.1856114588332645
                    ],
                    [
                      1186.875343322754,
                      -6.17264098982876
                    ],
                    [
                      1186.8883895874023,
                      -6.14977123184251
                    ],
                    [
                      1186.8925094604492,
                      -6.132020890791293
                    ],
                    [
                      1186.882553100586,
                      -6.126217766448939
                    ],
                    [
                      1186.860237121582,
                      -6.121097310225515
                    ],
                    [
                      1186.8327713012695,
                      -6.128948656354494
                    ],
                    [
                      1186.8193817138672,
                      -6.132020890791293
                    ],
                    [
                      1186.812515258789,
                      -6.128607295880528
                    ],
                    [
                      1186.786766052246,
                      -6.131679532283241
                    ],
                    [
                      1186.7843627929685,
                      -6.13133817355671
                    ],
                    [
                      1186.794319152832,
                      -6.151477964207542
                    ]
                  ]
                ]
              }
            }
          ]
        },
        opacity: 0.8,
        stroked: false,
        filled: true,
        extruded: true,
        wireframe: true,
        getElevation: 42000,
        getFillColor: [12, 34, 200, 255],
        getLineColor: [255, 255, 255],
        pickable: true,
        onHover: ({object, x, y}) => {
          const tooltip = object.properties.name
        }
      })
    ];
}

и в рендере:

<DeckGL
        layers={this._render3DLayers()}
        effects={this._effects}
        {...viewport}
        controller={true}
        />

Как я описал вначале, 3D не отображается.Кто-нибудь может помочь в чем ошибка?

...