设置：

使用 react-map-gl 显示地图的基本反应应用程序，顶部带有deck.gl ScatterplotLayer 以可视化数据

目标：

1) 将地图上的点显示为给定半径和颜色的圆圈。
2）当用户点击一个圆圈时，工具提示/弹出窗口应该显示更多关于它的数据（包含在提供的数据中），直到用户点击离开（基本上与此图相同，但对于点击而不是悬停，http：/ /uber.github.io/deck.gl/#/documentation/layer-catalog/scatterplot-layer仅供参考，我查看了此代码，悬停逻辑已被删除，为简单起见，我假设）。

问题：

我已经完成了第 1 点，但我无法让第 2 点起作用。我能证明数据的最远方式是登录到控制台。

要注意：

我没有嫁给 react-tooltip - 如果有更好的方法，我不介意将其完全删除。我只需要保留mapbox和deck.gl。

数据：https : //gist.github.com/NikkiChristofi/bf79ca37028b29b50cffb215360db999

deckgl-overlay.js

import React, {Component} from 'react';
import ReactTooltip from 'react-tooltip';
import DeckGL, {ScatterplotLayer} from 'deck.gl';

export default class DeckGLOverlay extends Component {

  static get defaultViewport() {
    return {
      longitude: 0,
      latitude: 0,
      zoom: 2,
      maxZoom: 16,
      pitch: 0,
      bearing: 0
    };
  }

# in this method I want to update the variable …