Desde Diggin into WordPress nos acercan este simple hack con el que podremos insertar Mapas desde Google Maps con un simple Shortcode.

Ya he hablado varias veces de las ventajas y posibles usos que le podemos dar a los Shortcodes en WordPress, en el día de hoy añadiremos una mas.

La idea de fondo es siempre utilizar el core de WordPress y no intentar de caer en un plugin para realizar simples tareas, en este caso insertar un Mapa desde Google.

Como primer paso necesitaremos abrir nuestro archivo functions.php y añadir las siguientes lineas:

function fn_googleMaps($atts, $content = null) {
   extract(shortcode_atts(array(
      "width" => '640', //largo por defecto
      "height" => '480', //ancho por defecto
      "src" => '' // url del mapa
   ), $atts));
   return '<iframe width="'.$width.'" height="'.$height.'" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="'.$src.'&amp;output=embed"></iframe>';
}
add_shortcode("googlemap", "fn_googleMaps");

Cada vez que necesitemos mostrar un mapa seguiremos este formato:

[googlemap width="200" height="200" src="URL"]

Donde widh y height representan el largo y el ancho del mapa y URL es la direccion al mapa que queremos mostrar. Esta dirección se obtiene desde Google Map cuando pulsamos para obtener nuestro link a la direccion (mapa) a la que vamos a hacer referencia.

Google Maps Shortcodes WordPress Mostrar mapas de Google con Shortcodes en Wordpress

Por ultimo, hay que notar que si no usamos los valores widh y height en nuestro Shortcode se tomaron los valores por defecto en nuestra función, cosa que nos pude ahorrar un poco de tiempo a la hora de escribir.