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

---

Søk i utvidelser

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

Denne utvidelsen **har ikke blitt testet mot noen av de siste 3 hovedutgivelsene
av WordPress**. Den er kanskje ikke lenger holdt vedlike eller støttet, og den kan
ha kompatibilitetsproblemer med nyeste versjoner 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)

 * [Detaljer](https://nb.wordpress.org/plugins/vanilla-adaptive-maps/#description)
 * [Omtaler](https://nb.wordpress.org/plugins/vanilla-adaptive-maps/#reviews)
 *  [Installering](https://nb.wordpress.org/plugins/vanilla-adaptive-maps/#installation)
 * [Utvikling](https://nb.wordpress.org/plugins/vanilla-adaptive-maps/#developers)

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

## Beskrivelse

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.

## Skjermbilder

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

## Ofte stilte spørsmål

  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.

## Vurderinger

Det er ingen omtaler av denne utvidelsen.

## Bidragsytere og utviklere

«Vanilla Adaptive Maps» er programvare med åpen kildekode. Følgende personer har
bidratt til denne utvidelsen:

Bidragsytere

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

[Oversett «Vanilla Adaptive Maps» til ditt språk.](https://translate.wordpress.org/projects/wp-plugins/vanilla-adaptive-maps)

### Interessert i utvikling?

[Bla gjennom koden](https://plugins.trac.wordpress.org/browser/vanilla-adaptive-maps/),
sjekk ut [SVN-repositoriet](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.

## Meta

 *  Versjon **1.0.1**
 *  Sist oppdatert **11 år siden**
 *  Aktive installasjoner **100+**
 *  WordPress-versjon ** 3.3 eller nyere **
 *  Testet opp til **4.3.34**
 *  Språk
 * [English (US)](https://wordpress.org/plugins/vanilla-adaptive-maps/)
 * Stikkord
 * [Google Maps](https://nb.wordpress.org/plugins/tags/google-maps/)[map](https://nb.wordpress.org/plugins/tags/map/)
   [responsive](https://nb.wordpress.org/plugins/tags/responsive/)[shortcode](https://nb.wordpress.org/plugins/tags/shortcode/)
 *  [Avansert visning](https://nb.wordpress.org/plugins/vanilla-adaptive-maps/advanced/)

## Vurderinger

No reviews have been submitted yet.

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

[Se alle omtalene](https://wordpress.org/support/plugin/vanilla-adaptive-maps/reviews/)

## Bidragsytere

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

## Brukerstøtte

Har du noe å si? Trenger du hjelp?

 [Vis brukerstøtteforumet](https://wordpress.org/support/plugin/vanilla-adaptive-maps/)

## Donér

Vil du støtte videreutviklingen av denne utvidelsen?

 [ Doner til denne utvidelsen ](http://jeremycarlson.com/)