为 react-map-gl 地图添加惯性

Question

我正在使用 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>

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

Answer 1

两件事：

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

2- inertia默认为false，尝试添加：

controller={{ inertia: true }}

或

controller={{ inertia: Number }}

为 react-map-gl 地图添加惯性

Add inertia to react-map-gl map

reactjs

mapbox

mapbox-gl-js

deck.gl

react-map-gl