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

---

Buscar plugins

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

Este plugin **no se ha probado con las últimas 3 versiones mayores de WordPress**.
Puede que ya no tenga soporte ni lo mantenga nadie, o puede que tenga problemas 
de compatibilidad cuando se usa con las versiones más recientes de WordPress.

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

# Vanilla Adaptive Maps

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

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

 * [Detalles](https://es-mx.wordpress.org/plugins/vanilla-adaptive-maps/#description)
 * [Opiniones](https://es-mx.wordpress.org/plugins/vanilla-adaptive-maps/#reviews)
 *  [Instalación](https://es-mx.wordpress.org/plugins/vanilla-adaptive-maps/#installation)
 * [Desarrollo](https://es-mx.wordpress.org/plugins/vanilla-adaptive-maps/#developers)

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

## Descripción

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.

## Capturas

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

## Instalación

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

## Preguntas frecuentes

  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.

## Reseñas

No hay reseñas para este plugin.

## Colaboradores y desarrolladores

Este software es de código abierto. Las siguientes personas han contribuido a este
plugin.

Colaboradores

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

[Traduce “Vanilla Adaptive Maps” a tu idioma.](https://translate.wordpress.org/projects/wp-plugins/vanilla-adaptive-maps)

### ¿Interesado en el desarrollo?

[Revisa el código](https://plugins.trac.wordpress.org/browser/vanilla-adaptive-maps/),
echa un vistazo al [repositorio SVN](https://plugins.svn.wordpress.org/vanilla-adaptive-maps/)
o suscríbete al [registro de desarrollo](https://plugins.trac.wordpress.org/log/vanilla-adaptive-maps/)
por [RSS](https://plugins.trac.wordpress.org/log/vanilla-adaptive-maps/?limit=100&mode=stop_on_copy&format=rss).

## Registro de cambios

#### 1.0.1

 * Files reorganized. No code changes.

#### 1.0

 * Initial release.

## Meta

 *  Versión **1.0.1**
 *  Última actualización **hace 11 años**
 *  Instalaciones activas **90+**
 *  Versión de WordPress ** 3.3 o superior **
 *  Probado hasta **4.3.34**
 *  Idioma
 * [English (US)](https://wordpress.org/plugins/vanilla-adaptive-maps/)
 * Etiquetas:
 * [Google Maps](https://es-mx.wordpress.org/plugins/tags/google-maps/)[map](https://es-mx.wordpress.org/plugins/tags/map/)
   [responsive](https://es-mx.wordpress.org/plugins/tags/responsive/)[shortcode](https://es-mx.wordpress.org/plugins/tags/shortcode/)
 *  [Vista avanzada](https://es-mx.wordpress.org/plugins/vanilla-adaptive-maps/advanced/)

## Valoraciones

Aún no se han enviado valoraciones.

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

[Ver todas las valoraciones](https://wordpress.org/support/plugin/vanilla-adaptive-maps/reviews/)

## Colaboradores

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

## Soporte

¿Tienes algo que decir? ¿Necesitas ayuda?

 [Ver el foro de soporte](https://wordpress.org/support/plugin/vanilla-adaptive-maps/)

## Donar

¿Te gustaría apoyar el progreso de este plugin?

 [ Dona a este plugin ](http://jeremycarlson.com/)