Let's push for this for the end of May target release, 0.8.0

from mapboxgl-jupyter.

We missed this deadline for end of May, but, in better news, we now have the setFeatureState capability in GL JS v0.46. This will allow us to create hover/highlight styles very efficiently, like this https://bl.ocks.org/ryanbaumann/733ba99c5ca1d9d15259081b395e4b00/1bc1318c5421deb73d77ece247b23eafd685ce86

Next Steps

• Upgrade to GL JS v0.46, launching out of beta the week of 6/18/18
• Add an integer index id creation step to the df_to_geojson function
• Add a feature_state expression to set the hover state similar to https://gist.github.com/ryanbaumann/733ba99c5ca1d9d15259081b395e4b00/1bc1318c5421deb73d77ece247b23eafd685ce86#file-index-html-L106 for all visualization types.
  • The hover state should default to setting the outline-color of a feature to a new value to indicate hover/highlight
  • The user should be able to set the opacity of a feature on hover/highlight as well. If the global opacity of the layer is 1, then the global opacity should transition to a value <1 when the hover/highlight is engaged.

After completing the hover/highlight functionality ☝️ then we can add the ability to select multiple data features, and finally return the results of selecting those features to use in other visualizations or analyses.

from mapboxgl-jupyter.

GL JS v0.48 will include a method to auto-generate feature-index values to use with feature states. Let's use that here. https://github.com/mapbox/mapbox-gl-js/releases/tag/untagged-5c84f285d746975d5c2b

from mapboxgl-jupyter.