Title: Vanilla Adaptive Maps
Author: jcdesign
Published: <strong>September 22, 2015</strong>
Last modified: September 22, 2015

---

Search plugins

![](https://ps.w.org/vanilla-adaptive-maps/assets/banner-772x250.png?rev=1251391)

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://ps.w.org/vanilla-adaptive-maps/assets/icon-256x256.png?rev=1251360)

# Vanilla Adaptive Maps

 By [jcdesign](https://profiles.wordpress.org/jcdesign/)

[Download](https://downloads.wordpress.org/plugin/vanilla-adaptive-maps.1.0.1.zip)

 * [Details](https://test.wordpress.org/plugins/vanilla-adaptive-maps/#description)
 * [Reviews](https://test.wordpress.org/plugins/vanilla-adaptive-maps/#reviews)
 *  [Installation](https://test.wordpress.org/plugins/vanilla-adaptive-maps/#installation)
 * [Development](https://test.wordpress.org/plugins/vanilla-adaptive-maps/#developers)

 [Support](https://wordpress.org/support/plugin/vanilla-adaptive-maps/)

## Description

A way to include an Adaptive Map, based on [Brad Frost’s Adaptive Maps pattern](http://bradfrostweb.com/blog/post/adaptive-maps/),
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](http://bradfrostweb.com/blog/post/adaptive-maps/) who 
presented the idea quite a while ago.

## Screenshots

 * [[
 * Entering shortcode into a post
 * [[
 * The map is created above the link
 * [[
 * On narrower screens, a static map image will be created instead

## Installation

 1. Upload the `vanilla-adaptive-maps` folder to the `/wp-content/plugins/` directory
 2. 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"]'); ?>
    ```

## FAQ

  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.php`
and 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.

## Reviews

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

 *   [ jcdesign ](https://profiles.wordpress.org/jcdesign/)

[Translate “Vanilla Adaptive Maps” into your language.](https://translate.wordpress.org/projects/wp-plugins/vanilla-adaptive-maps)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/vanilla-adaptive-maps/),
check out the [SVN repository](https://plugins.svn.wordpress.org/vanilla-adaptive-maps/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/vanilla-adaptive-maps/)
by [RSS](https://plugins.trac.wordpress.org/log/vanilla-adaptive-maps/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.0.1

 * Files reorganized. No code changes.

#### 1.0

 * Initial release.

## Meta

 *  Version **1.0.1**
 *  Last updated **11 years ago**
 *  Active installations **100+**
 *  WordPress version ** 3.3 or higher **
 *  Tested up to **4.3.34**
 *  Language
 * [English (US)](https://wordpress.org/plugins/vanilla-adaptive-maps/)
 * Tags
 * [Google Maps](https://test.wordpress.org/plugins/tags/google-maps/)[map](https://test.wordpress.org/plugins/tags/map/)
   [responsive](https://test.wordpress.org/plugins/tags/responsive/)[shortcode](https://test.wordpress.org/plugins/tags/shortcode/)
 *  [Advanced View](https://test.wordpress.org/plugins/vanilla-adaptive-maps/advanced/)

## Ratings

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/vanilla-adaptive-maps/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/vanilla-adaptive-maps/reviews/)

## Contributors

 *   [ jcdesign ](https://profiles.wordpress.org/jcdesign/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/vanilla-adaptive-maps/)

## Donate

Would you like to support the advancement of this plugin?

 [ Donate to this plugin ](http://jeremycarlson.com/)