Javascript 更新数据时无法调用deck.gl中的set Props
我是Deck.gl的新手,基本上是尝试在数据更改时使用on change事件侦听器调用更新层。我已经尝试过setProps功能,但它仍然不起作用。请让我知道我做错了什么 这是密码Javascript 更新数据时无法调用deck.gl中的set Props,javascript,mapbox,deck.gl,Javascript,Mapbox,Deck.gl,我是Deck.gl的新手,基本上是尝试在数据更改时使用on change事件侦听器调用更新层。我已经尝试过setProps功能,但它仍然不起作用。请让我知道我做错了什么 这是密码 $('product_categories').addEventListener('change', (event) => { var new_layers = [ new TextLayer({ id: 'text-layer2', data: GE
$('product_categories').addEventListener('change', (event) => {
var new_layers = [
new TextLayer({
id: 'text-layer2',
data: GEOJSON_FILE,
dataTransform: d => d.features,
getPosition: f => f.geometry.coordinates,
getText: f => f.properties.name,
sizeScale: 1,
getPixelOffset: [0, 15],
getSize: d => 20,
getColor: [0,0,0]
// backgroundColor: [0,0,0,0]
}),
new GeoJsonLayer({
id: 'locations2',
data: GEOJSON_FILE,
// Styles
filled: true,
pointRadiusMinPixels: 2,
pointRadiusScale: 2000,
getRadius: f => 2,
getFillColor: [200, 0, 80, 180],
// Interactive props
pickable: true,
autoHighlight: true,
controller: true,
getTooltip: info => info.object && `${info.object.properties.name}\n${info.object.properties.description}`,
onClick: info => info.object && alert(`${info.object.properties.description}`)
}),
new ArcLayer({
id: 'arcs2',
data: ARC_FILE,
dataTransform: d => d.features.slice(3,5),
// Styles
getSourcePosition: f => f.from.coordinates, // London
getTargetPosition: f => f.to.coordinates,
pickable: true,
autoHighlight: true,
getSourceColor: info => get_color(info, ''),
getTargetColor: info => get_color(info, 'target'),
getWidth: d => parseInt(((stop - start) * ((d.properties.volume - v_min) / (v_max - v_min))) + start)
})
]
console.log(deck.props.layers[2])
deck.setProps({layers: new_layers});
console.log(deck.props.layers[2]);
});
在我完成setProps后,图层生命周期显示为“匹配。从上一个图层传输的状态”,屏幕上没有任何变化
在这方面的任何帮助都将不胜感激。
谢谢