【问题标题】:Add inertia to react-map-gl map为 react-map-gl 地图添加惯性
【发布时间】:2021-02-22 20:36:35
【问题描述】:

我正在使用Deck.gl 来渲染 Mapbox 地图。我希望在用光标平移时增加惯性。但是,添加inertia={100} 或任何数字都不会增加惯性。我正在关注来自 Deck.gl 的 this 指南。

这是我的简化代码:

<DeckGL
        ContextProvider={MapContext.Provider}
        controller={true}
        effects={effects}
        getTooltip={getTooltip}
        initialViewState={INITIAL_VIEW_STATE_AREA}
        layers={layers}
        onWebGLInitialized={onInitialized}
      >
        <StaticMap
          inertia={100}
          reuseMaps
          ref={mapRef}
          mapStyle={MAP_STYLE}
          preventStyleDiffing={true}
          mapboxApiAccessToken={process.env.REACT_APP_MAPBOX_TOKEN}

        />
</DeckGL>

我没有收到任何错误,导致调试起来很棘手。

【问题讨论】:

标签: reactjs mapbox mapbox-gl-js deck.gl react-map-gl


【解决方案1】:

两件事:

1- 您使用的是哪个deck.gl 版本? inertia被添加到8.4.0-beta.1

2-inertia默认为false,尝试添加:

controller={{ inertia: true }}

controller={{ inertia: Number }}

【讨论】:

  • 你是对的,解决方案是添加控制器={{惯性:数字}}。谢谢!
猜你喜欢
  • 1970-01-01
  • 2023-02-16
  • 2022-01-26
  • 1970-01-01
  • 2022-10-14
  • 1970-01-01
  • 2020-06-14
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多