NavigationControl与Deck.gl

Question

我正试图在mapbox上构建nft市场，比如ovr.ai，以改进我的react.js。我正在开发一个分叉，但我正在尝试添加一些新功能，如导航控制、搜索位置等。

我对NavigationControl有个问题。

import DeckGL from "@deck.gl/react"
import ReactMapGL, { NavigationControl } from "react-map-gl"

return (
    <DeckGL
      style={{ position: "relative" }}
      height={HEIGHT}
      width={WIDTH}
      initialViewState={viewState}
      onViewStateChange={({ viewState }) => setViewState(viewState)}
      controller={true}
      layers={layers}
    >
      <ReactMapGL mapboxApiAccessToken={token}>
        <NavigationControl />
      </ReactMapGL>
    </DeckGL>
  )

代码生成导航控制，但首先，我不能单击它们，因为deckgl在它们上生成画布。即使我从检查中移除画布，缩放控制似乎也不起作用。

https://codesandbox.io/s/cocky-forest-iv6bi2?file=/src/Map/index.js

Answer 1

正如docs建议的这里，尝试将react-map-gl上下文提供程序添加到DeckGL组件中。