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

---

Plugins suchen

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

Dieses Plugin wurde **nicht mit den 3 neuesten Hauptversionen von WordPress getestet**.
Es wird möglicherweise nicht mehr gepflegt oder unterstützt und kann bei der Verwendung
mit neueren WordPress-Versionen zu Kompatibilitätsproblemen führen.

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

# Vanilla Adaptive Maps

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

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

 * [Details](https://de.wordpress.org/plugins/vanilla-adaptive-maps/#description)
 * [Rezensionen](https://de.wordpress.org/plugins/vanilla-adaptive-maps/#reviews)
 *  [Installation](https://de.wordpress.org/plugins/vanilla-adaptive-maps/#installation)
 * [Entwicklung](https://de.wordpress.org/plugins/vanilla-adaptive-maps/#developers)

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

## Beschreibung

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⌉⌊Entering shortcode into a post⌉[

Entering shortcode into a post

[⌊The map is created above the link⌉⌊The map is created above the link⌉[

The map is created above the link

[⌊On narrower screens, a static map image will be created instead⌉⌊On narrower screens,
a static map image will be created instead⌉[

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.

## Rezensionen

Zu diesem Plugin liegen noch keine Rezensionen vor.

## Mitwirkende und Entwickler

„Vanilla Adaptive Maps“ ist Open-Source-Software. Folgende Menschen haben an diesem
Plugin mitgewirkt:

Mitwirkende

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

[Übersetze „Vanilla Adaptive Maps“ in deine Sprache.](https://translate.wordpress.org/projects/wp-plugins/vanilla-adaptive-maps)

### Interessiert an der Entwicklung?

[Durchstöbere den Code](https://plugins.trac.wordpress.org/browser/vanilla-adaptive-maps/),
sieh dir das [SVN-Repository](https://plugins.svn.wordpress.org/vanilla-adaptive-maps/)
an oder abonniere das [Entwicklungsprotokoll](https://plugins.trac.wordpress.org/log/vanilla-adaptive-maps/)
per [RSS](https://plugins.trac.wordpress.org/log/vanilla-adaptive-maps/?limit=100&mode=stop_on_copy&format=rss).

## Änderungsprotokoll

#### 1.0.1

 * Files reorganized. No code changes.

#### 1.0

 * Initial release.

## Meta

 *  Version **1.0.1**
 *  Zuletzt aktualisiert **vor 11 Jahren**
 *  Aktive Installationen **90+**
 *  WordPress-Version ** 3.3 oder höher **
 *  Getestet bis **4.3.34**
 *  Sprache
 * [English (US)](https://wordpress.org/plugins/vanilla-adaptive-maps/)
 * Schlagwörter
 * [Google Maps](https://de.wordpress.org/plugins/tags/google-maps/)[map](https://de.wordpress.org/plugins/tags/map/)
   [responsive](https://de.wordpress.org/plugins/tags/responsive/)[shortcode](https://de.wordpress.org/plugins/tags/shortcode/)
 *  [Erweiterte Ansicht](https://de.wordpress.org/plugins/vanilla-adaptive-maps/advanced/)

## Bewertungen

Es wurden noch keine Rezensionen eingereicht.

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

[Alle Rezensionen anzeigen](https://wordpress.org/support/plugin/vanilla-adaptive-maps/reviews/)

## Mitwirkende

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

## Support

Möchtest du etwas mitteilen? Brauchst du Unterstützung?

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

## Spenden

Möchtest du die Weiterentwicklung dieses Plugins unterstützen?

 [ Für dieses Plugin spenden ](http://jeremycarlson.com/)