AMP map block doesn't work on non-SSL sites, and throws incorrect errors

[gravityrail]

Basically, the issue here is that <amp-iframe/> requires that src= be an https URL.

However, with our current implementation, the map's amp-iframe URL points to the origin (in fact, it only does this for AMP - the native version loads the map in a div and renders on a canvas)

What our implementation should do is render an iframe that points directly to MapBox's iframe rendering endpoint, or even one of our own, that simply takes the marker locations and other configuration info as URL parameters.

Steps to reproduce the issue

1. On a site without SSL, and with AMP standard mode...
2. Add a map block
3. View the page

What I expected

A map

What happened instead

No map - nor even a map-like placeholder. Though it does warn in the editor that http is not a valid protocol for amp-iframe in the editor.

[gravityrail]

The solution probably involves directly linking to a URL from the MapBox "styles API".

https://docs.mapbox.com/help/glossary/iframe/

[gravityrail]

Looks like you can't specify markers with the iframe API, only styles and zoom levels. This would require our customers to register styles that include marker information on mapbox.com in order to show their business address.

I think the only way to make this work on AMP without SSL will be to use a different service, for example Google Maps' embedding API.