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

---

Søk gjennom innstikk

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

Dette innstikket **er ikkje testa med dei tre siste utgåvene av WordPress**. Det
kan henda det ikkje blir vedlikehalde lenger, og kan ha problem med nyare versjonar
av WordPress.

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

# Vanilla Adaptive Maps

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

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

 * [Detaljar](https://nn.wordpress.org/plugins/vanilla-adaptive-maps/#description)
 * [Omtalar](https://nn.wordpress.org/plugins/vanilla-adaptive-maps/#reviews)
 *  [Installasjon](https://nn.wordpress.org/plugins/vanilla-adaptive-maps/#installation)
 * [Utvikling](https://nn.wordpress.org/plugins/vanilla-adaptive-maps/#developers)

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

## Skildring

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.

## Skjermbilete

[⌊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

## Installasjon

 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"]'); ?>
    ```

## Vanlege spm.

  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.

## Omtalar

There are no reviews for this plugin.

## Bidragsytarar og utviklarar

“Vanilla Adaptive Maps” is open source software. The following people have contributed
to this plugin.

Contributors

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

[Omset “Vanilla Adaptive Maps” til ditt eige språk.](https://translate.wordpress.org/projects/wp-plugins/vanilla-adaptive-maps)

### Interested in development?

[Les kjeldekoden](https://plugins.trac.wordpress.org/browser/vanilla-adaptive-maps/),
sjekk [SVN-lageret](https://plugins.svn.wordpress.org/vanilla-adaptive-maps/) eller
abonner på [utviklingsloggen](https://plugins.trac.wordpress.org/log/vanilla-adaptive-maps/)
med [RSS](https://plugins.trac.wordpress.org/log/vanilla-adaptive-maps/?limit=100&mode=stop_on_copy&format=rss).

## Endringslogg

#### 1.0.1

 * Files reorganized. No code changes.

#### 1.0

 * Initial release.

## Om

 *  Version **1.0.1**
 *  Last updated **11 år sidan**
 *  Active installations **100+**
 *  WordPress version ** 3.3 eller nyare **
 *  Tested up to **4.3.34**
 *  Language
 * [English (US)](https://wordpress.org/plugins/vanilla-adaptive-maps/)
 * Tags
 * [Google Maps](https://nn.wordpress.org/plugins/tags/google-maps/)[map](https://nn.wordpress.org/plugins/tags/map/)
   [responsive](https://nn.wordpress.org/plugins/tags/responsive/)[shortcode](https://nn.wordpress.org/plugins/tags/shortcode/)
 *  [Avansert vising](https://nn.wordpress.org/plugins/vanilla-adaptive-maps/advanced/)

## Vurderingar

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/)

## Hjelp

Har du noko å seia? Treng du hjelp?

 [Sjå hjelpeforumet](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/)