如何设置Mapbox样式以处理交互式数据?

如何设置Mapbox样式以处理交互式数据?,mapbox,plotly-dash,Mapbox,Plotly Dash,在找到的geojson文件的帮助下,我在Mapbox上制作了一个美国州地图。我真正需要的只是绘制地图的多边形坐标 我正在使用Plotly Dash使其具有交互性。基本上,每个状态的颜色将根据用户使用滑块提供的条件而变化。我有点不明白该怎么做。我可以在geojson文件上设置初始值,但是当它们的值根据滑块的不同而变化时,我如何更新它们 以下是geojson文件的外观片段,其中包含所有状态的坐标: {"type":"FeatureCollection","features":[ {"type":"F

在找到的geojson文件的帮助下,我在Mapbox上制作了一个美国州地图。我真正需要的只是绘制地图的多边形坐标

我正在使用Plotly Dash使其具有交互性。基本上,每个状态的颜色将根据用户使用滑块提供的条件而变化。我有点不明白该怎么做。我可以在
geojson
文件上设置初始值,但是当它们的值根据滑块的不同而变化时,我如何更新它们

以下是
geojson
文件的外观片段,其中包含所有状态的坐标:

{"type":"FeatureCollection","features":[
{"type":"Feature","id":"01","properties":{"name":"Alabama","percentage":40},"geometry":{"type":"Polygon","coordinates":[[[-87.359296,35.00118],[-85.606675,34.984749],[more coordinates]]}},
{"type":"Feature","id":"02","properties":{"name":"Alaska","percentage":30},"geometry":{"type":"Polygon","coordinates":[....]...
如你所见,我为阿拉巴马州和阿拉斯加设置了初始值40和30。一旦我上传到Mapbox,我设置了一个0-100的颜色范围,它根据我的初始值完美地为所有状态着色

同时,在我的Dash应用程序中,我有一个数据集,我可以根据RangeSloider中设置的条件计算每个状态的百分比值。我不知道如何相应地更新颜色。我猜这和图层有关,但我不确定。任何帮助都将不胜感激,提前谢谢

您可以使用GeoJsonSource#setData来完成以下任务:

本例不使用setData(或GeoJson源代码),但它展示了如何实现滑块,以帮助您:

免责声明:我在Mapbox工作