onHover 函数没有按预期工作，也没有向控制台输出任何内容甲板.gl/mapbox 用于创建此应用程序

问题描述

index.js

import { Deck } from '@deck.gl/core';
import { MapBoxLayer } from '@deck.gl/mapBox';
import { ScatterplotLayer } from '@deck.gl/layers';
import mapBoxgl from 'mapBox-gl';
//const { MapBoxLayer,Deck} = deck;
//new MapBoxLayer(props);

mapBoxgl.accesstoken = 'pk.eyJ1IjoiaGFycnltMDEiLCJhIjoiY2tqdjB1MGlhMncxeDJycW52MzI4dWo1diJ9.yw_RD5ej1XYhyKoqtwgqKw';
const map = new mapBoxgl.Map({
    style: 'mapBox://styles/mapBox/light-v10',center: [-74.0066,40.7135],zoom: 0,pitch: 0,container: 'map',antialias: true
},);

const deck = new Deck({
    gl: map.painter.context.gl,layers: [
        new ScatterplotLayer({
            id: 'my-scatterplot',data: 'https://raw.githubusercontent.com/Harry-01/comp-report/main/coordinates.json',radiusScale: 10,radiusMinPixels: 5,getPosition: d => d.coordinates,getFillColor: [255,0],pickable: true,onHover: ({object,x,y}) => {
                console.log('yes it worked')
            }
        })] 

});


// wait for map to be ready
map.on('load',() => {
    // add to mapBox
    map.addLayer(new MapBoxLayer({ id: 'my-scatterplot',deck }));

    // update the layer
    deck.setProps({
        layers: [
            new ScatterplotLayer({
                id: 'my-scatterplot',getFillColor: [225,y}) => {
                    console.log('yes it worked')
                }
            })
        ]
    });
})

使用了 Webpack 并且 HTML 引用了 main.js

即使我使用 console.logged 控制台也没有显示任何内容。我什至尝试了内置的deck.gl 工具提示，它也不起作用。我是deck.gl 的新手，所以请给我帮助，因为我已经坚持了几个小时。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）