Deck.gl 的 NavigationControl

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 在它们上面生成 canvas。即使我从检查中删除 canvas，缩放控制似乎也不起作用。

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

Answer 1

按照文档建议 here，尝试将 react-map-gl 上下文提供程序添加到您的 DeckGL 组件

Deck.gl 的 NavigationControl

NavigationControl with Deck.gl

reactjs

mapbox

mapbox-gl

react-map-gl

deck.gl