如何让 onHover 为 deck.gl MVTLayer 工作？

Question

deck.gl MVTLayer 继承自启用了 onHover 的 Layer，它与 pickable 一起应该提供交互性。我正在尝试让交互性起作用，这样我就可以用我悬停的数据做一个弹出窗口。但是在下面的代码中，我可以触发 onClick 事件，但不能触发 onHover 事件。我做错了什么

谢谢:)

import React from "react";
import DeckGL from "@deck.gl/react";
import { MVTLayer } from "@deck.gl/geo-layers";

const INITIAL_VIEW_STATE = {
  longitude: -122.41669,
  latitude: 37.7853,
  zoom: 13,
  pitch: 0,
  bearing: 0
};

const layer = new MVTLayer({
  id: "MVTLayer",
  data: [
    "https://tiles-a.basemaps.cartocdn.com/vectortiles/carto.streets/v1/{z}/{x}/{y}.mvt"
  ],
  stroked: false,
  getLineColor: [255, 0, 0],
  getFillColor: (f) => {
    switch (f.properties.layerName) {
      case "poi":
        return [0, 0, 0];
      case "water":
        return [120, 150, 180];
      case "building":
        return [255, 0, 0];
      default:
        return [240, 240, 240];
    }
  },
  getPointRadius: 2,
  pointRadiusUnits: "pixels",
  getLineWidth: (f) => {
    switch (f.properties.class) {
      case "street":
        return 6;
      case "motorway":
        return 10;
      default:
        return 1;
    }
  },
  maxZoom: 14,
  minZoom: 0,
  onHover: (info) => console.log("Hover", info.object),
  onClick: (info) => console.log("Click", info.object),
  pickable: true
});

export default function App() {
  return (
    <DeckGL
      initialViewState={INITIAL_VIEW_STATE}
      controller={true}
      layers={[layer]}
    ></DeckGL>
  );
}

Answer 1

有效....我想我有一个狡猾的 chrome 实例运行

如何让 onHover 为 deck.gl MVTLayer 工作？

How can I get onHover to work for deck.gl MVTLayer?

deck.gl