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

---

Tykače pytać

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

Tutón tykač **njeje so z najnowšimi 3 hłownymi wersijemi WordPress testował**. Snano
so hižo njewothladuje abo njepodpěruje a ma problemy z kompatibelnosću, hdyž so 
z nowšimi wersijemi WordPress wužiwa.

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

# Vanilla Adaptive Maps

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

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

 * [Podrobnosće](https://hsb.wordpress.org/plugins/vanilla-adaptive-maps/#description)
 * [Pohódnoćenja](https://hsb.wordpress.org/plugins/vanilla-adaptive-maps/#reviews)
 *  [Instalacija](https://hsb.wordpress.org/plugins/vanilla-adaptive-maps/#installation)
 * [Wuwiće](https://hsb.wordpress.org/plugins/vanilla-adaptive-maps/#developers)

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

## Wopisanje

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.

## Fota wobrazowki

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

## Instalacija

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

## HSP

  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.

## Pohódnoćenja

Za tutón tykač pohódnoćenja njejsu.

## Sobuskutkowarjo a wuwiwarjo

„Vanilla Adaptive Maps“ je softwara wotewrjeneho žórła. Slědowacy ludźo su k tutomu
tykačej přinošowali.

Sobuskutkowarjo

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

[Přełožće „Vanilla Adaptive Maps“ do swojeje rěče.](https://translate.wordpress.org/projects/wp-plugins/vanilla-adaptive-maps)

### Na wuwiću zajimowany?

[Přehladajće kod](https://plugins.trac.wordpress.org/browser/vanilla-adaptive-maps/),
hladajće do [SVN-repozitorija](https://plugins.svn.wordpress.org/vanilla-adaptive-maps/)
abo abonujće [wuwiwanski protokol](https://plugins.trac.wordpress.org/log/vanilla-adaptive-maps/)
přez [RSS](https://plugins.trac.wordpress.org/log/vanilla-adaptive-maps/?limit=100&mode=stop_on_copy&format=rss).

## Protokol změnow

#### 1.0.1

 * Files reorganized. No code changes.

#### 1.0

 * Initial release.

## Meta

 *  Version **1.0.1**
 *  Last updated **11 lět**
 *  Active installations **100+**
 *  WordPress version ** 3.3 abo nowši **
 *  Tested up to **4.3.34**
 *  Language
 * [English (US)](https://wordpress.org/plugins/vanilla-adaptive-maps/)
 * Tags
 * [Google Maps](https://hsb.wordpress.org/plugins/tags/google-maps/)[map](https://hsb.wordpress.org/plugins/tags/map/)
   [responsive](https://hsb.wordpress.org/plugins/tags/responsive/)[shortcode](https://hsb.wordpress.org/plugins/tags/shortcode/)
 *  [Rozšěrjeny napohlad](https://hsb.wordpress.org/plugins/vanilla-adaptive-maps/advanced/)

## Pohódnoćenja

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

## Sobuskutkowarjo

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

## Podpěra

Chceće něšto prajić? Trjebaće pomoc?

 [Forum pomocy pokazać](https://wordpress.org/support/plugin/vanilla-adaptive-maps/)

## Darić

Chceće dalewuwiwanje tutoho tykača podpěrać?

 [ Za tutón tykač darić ](http://jeremycarlson.com/)