如何解决更新数据时无法在deck.gl中调用集道具
我是Deck.gl的新手,基本上是在每次更改事件侦听器调用时更改数据时都尝试更新这些层。我已经尝试过setProps函数,但仍然无法正常工作。请让我知道我在做什么错。
代码在这里
$('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]
// backgroundColor: [0,0]
}),new GeoJsonLayer({
id: 'locations2',// Styles
filled: true,pointRadiusMinPixels: 2,pointRadiusScale: 2000,getRadius: f => 2,getFillColor: [200,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,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之后,层生命周期显示为“匹配。状态已从上一层转移”,并且屏幕上没有任何反应。
在这方面的任何帮助将不胜感激。 谢谢。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。