Vanilla Adaptive Maps
·
Map any address with a shortcode. Mobile users get a static map; desktop users will see a google map.
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.