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
All props to Brad Frost who presented the idea quite a while ago.
- Upload the
vanilla-adaptive-mapsfolder to the
- Activate the plugin through the ‘Plugins’ menu in WordPress
To use, write a shortcode like this:
[vamap addr="1203 Pearl St, Boulder, CO 80302"]
To include a responsive map in a theme template, write the following PHP:
<?php echo do_shortcode('[vamap addr="1203 Pearl St, Boulder, CO 80302"]'); ?>
- What is the breakpoint between mobile and desktop?
Right now, the breakpoint is set at 550px, which was the default in Brad’s model, and seems reasonable to me.
- Can I change the breakpoint for switching from mobile to desktop?
Yes, although you’ll have to modify the plugin. Open
vanilla-adaptive-maps.phpand look for
set_breakpoint. You can change the number there.
Right now we are only supporting a pixel-based breakpoint. I want to change that, though.
There are no reviews for this plugin.
Contributors & Developers
“Vanilla Adaptive Maps” is open source software. The following people have contributed to this plugin.Contributors
Interested in development?
- Files reorganized. No code changes.
- Initial release.