1.49 Mapbox features

[nicolaskruchten]

@etpinard fill in some links to mocks, codepens please

[etpinard]

choroplethmapbox

• Simple mock: https://rreusser.github.io/plotly-mock-viewer/#mapbox_choropleth0
• Mock with geojson set as {/* geojson object /*}: https://rreusser.github.io/plotly-mock-viewer/#mapbox_choropleth-raw-geojson
• Mock with multiple choroplethmapbox traces: https://rreusser.github.io/plotly-mock-viewer/#mapbox_choropleth-multiple

densitymapbox

• Simple mock: https://rreusser.github.io/plotly-mock-viewer/#mapbox_density0
• Multiple densitymapbox traces: https://rreusser.github.io/plotly-mock-viewer/#mapbox_density-mulitple
• densitymapbox with "real" data: https://rreusser.github.io/plotly-mock-viewer/#mapbox_earthquake-density (essentially a remake of https://docs.mapbox.com/mapbox-gl-js/example/heatmap-layer/)

New mapbox.style values

• open-street-map: https://rreusser.github.io/plotly-mock-viewer/#mapbox_osm-style
• staman-* styles: https://rreusser.github.io/plotly-mock-viewer/#mapbox_stamen-style
• carto-* styles: https://rreusser.github.io/plotly-mock-viewer/#mapbox_carto-style

[nicolaskruchten]

New JS pages, say 2 examples each (simple and complicated): lines on a mapbox, filled areas on a mapbox, density on a mapbox, choropleth on a mapbox

New JS page: mapbox overview...

• explanation of layers (style, data, layers), explanation of relationship to Mapbox.js vs Mapbox tile service
• clear explanation of when a mapbox token is and is not required, and how to set it (either in the mapbox layout object or via configuration)
• explanation of attribution
• example of various styles (non-mapbox, mapbox)
• links to the 5 data pages (scatter, line, area, choropleth, density)
• examples of layers (environment Canada layer) based on https://codepen.io/nicolaskruchten/pen/BgbxQG?editors=0010

[Mahdis-z]

• density mapbox Introducing densitymapbox traces plotly.js#3993
• coropleth mapbox: Introducing choroplethmapbox traces plotly.js#3988
• new mapbox style values mapbox: add shortcuts to additional tilesets plotly.js#4068 , [email protected] + improvements plotly.js#3987
• support for source type and for mapbox layout layer Add support for raster and image mapbox layers plotly.js#4006
• added attributes Better mapbox trace / layout-layer *below* plotly.js#4058, mapbox: add attributions plotly.js#4069

[etpinard]

Here's the codepen listing all the layers for all the layout.mapbox.style values:

https://codepen.io/etpinard/pen/ydVMwM , open the console and wait ~30 seconds.

Let me know if you have any questions.

[chriddyp]

For choropleth examples, we'll need examples that include GeoJSON files rather than URLs for the folks in the community that don't have public internet access or are building apps that can't depend on 3rd party services/urls.

[etpinard]

we'll need examples that include GeoJSON files rather than URLs for the folks in the community that don't have public internet access or are building apps that can't depend on 3rd party services/urls.

example: https://rreusser.github.io/plotly-mock-viewer/#mapbox_choropleth-raw-geojson