Uncaught in promise: Mapbox error

[jackparmer]

This map throws a Mapbox+Plotly.js console error on load and does not fire any selection events afterwards:
Uncaught (in promise) Error: Mapbox error.

https://plot.ly/~jackp/18343/

This map is the exact same Plotly graph, but has different geojson overlayers. It does not fire any console errors and responds to selection events.

https://plot.ly/~jackp/18345/

I'm guessing mapbox-gl is having an issue with the geojson in Graph1, but not in Graph2. The geojson for problematic Graph1 is here for convenience:

https://github.com/jackparmer/mapbox-counties/tree/master/1999

It would be nice if the mapbox error was caught and Plotly.js events still fired for Graph1.

[etpinard]

I think this happens when the geojson source data is (somewhat) invalid.

We should try running http://geojsonlint.com/ on those geojsons

[jackparmer]

We should try running http://geojsonlint.com/ on those geojsons

I did some linting with this project and didn't find any issues: https://github.com/mapbox/geojsonhint

http://geojsonlint.com/ has some right-hand rule guidance but it's the same for the working and non-working geojson files.

[etpinard]

Looks like plain mapbox-gl (even their latest version v.0.44.0) outputs the same error. From https://codepen.io/etpinard/pen/aqBLgv?editors=0010, I get

Maybe we should open a bug report there?

---

It would be nice if the mapbox error was caught and Plotly.js events still fired for Graph1.

I can catch that error no problem. But I don't get why events wouldn't get triggered regardless. How are you attaching your event handlers?

[leejt489]

Hi, I'm also getting a similar error. I have a map that loads fine, but then when I update it with a slider this error fires in browser with the callback to update. Any update? I think my GeoJSON is fine.

[etpinard]

@leejt489 can you please share the problematic geojson in question? Better yet, can you a reproducible plotly.js or mapbox-gl example? That way we can determine if it is a problem with plotly.js or mapbox-gl. Thanks.

[leejt489]

Sure, see the Dash app code here https://github.com/leejt489/solar-reliability-cost-web. I dumped the geojson files into the debug folder. The error arises not the first time the map is loaded, but when the slider is adjusted. Maybe it's a dash (or my) error but this issue was the best I could find.

[leejt489]

@etpinard see the live app here https://solar-reliability-cost.herokuapp.com/. On Chrome dev tools, the error appears after hitting the "Update Map" button

[etpinard]

@leejt489 which geojson file is used after clicking on Update Map?

[leejt489]

Each of the files in the debug folder are used for a different layer

[leejt489]

@etpinard I'm seeing that when I click "update map" multiple times, the layout only updates after the first click. The data property updates correctly, and I can see numbers change when I hover over the map, but the layers aren't re-rendered. I updated the heroku app today, and corresponding code is on the dev branch https://github.com/leejt489/solar-reliability-cost-web/tree/dev Thanks!

[etpinard]

@leejt489 I appreciate your help, but it's a little hard for us to debug dash apps. We wrote instructions on how dash users can help us debug, if you're willing to spend more time on this issue.

Now, I think #2734 fixed your issues as it fixes Plotly.react for mapbox layout layers (newer versions of dash uses Plotly.react to update).

Unfortunately, you'll have to wait for us to make a new release before seeing changes in your dash app.

[leejt489]

Thanks, what kind of a release schedule do you use; how long until the next release?

[leejt489]

@etpinard Hi, I just wanted to check if you anticipate a release this week, or if there is a workaround. This is becoming a blocking issue for a demo I have next week. Thanks!