Vanilla Adaptive Maps

A way to include an Adaptive Map, based on Brad Frost’s Adaptive Maps pattern, without requiring an external JavaScript library.

The basic premise is that we should be using mobile devices’ far better-suited mapping applications rather than attempting to frame maps in our own websites. Users w/ larger screens will get a full map in an iframe.

No styling has been provided, but the link and map are wrapped in div.adaptive-map.

Credits

All props to Brad Frost who presented the idea quite a while ago.