examples don't fail gracefully

[incanus]

Using a browser without WebGL support, including mobile, errors out on all of the examples. We should show how to gracefully respond here.

[tmax]

TypeError: 'undefined' is not an object (evaluating 'this.painter.resize') : map.js:176

Edit: Sorry, this actually may be a result of WebGL failing to initialize.

[mourner]

@razorsharp say more? platform, browser, etc.?

[peterqliu]

WebGL's enabled by default on Chrome, but not Safari. I suggest detecting the browser type on load failure, and giving the proper instructions to enable GL (e.g. on Safari, it's under the Develop menu)

[mourner]

Should be fixed (see #677)

[incanus]

Nope, still seeing this on 10.9 Safari and mobile.

[mourner]

@incanus do you see this on edge code? It didn't get released and updated on the examples page yet.

[incanus]

How would I reach that? Sorry, no, absent any context I was testing this on the live page.

[jfirebaugh]

I think this bug is about actually using supported() in the examples and displaying a nice in-page message if it returns false.

I'm not sure if we want to actually include if (mapboxgl.supported()) { ... } else { ... } in the example code for every example though. It might be best to have one example that demonstrates it, and have the others do a compatibility check behind the scenes.

[incanus]

It might be best to have one example that demonstrates it, and have the others do a compatibility check behind the scenes.

That sounds good to me. My original intent was both to avoid the failure error as well as show people how to avoid it themselves.