Insertar mapas de Google en Word Press

Si queréis insertar Mapas reales de Google en vuestros Posts, o páginas de WordPress, aquí os explicaré, cómo debéis hacerlo.

Para empezar, debéis abrir con vuestro editor de HTML el archivo functions.php el cual lo encontraréis dentro de vuestro tema de WordPress, y le añadís este código:

//Para insertar mapas de Google
function fn_googleMaps($atts, $content = null) {
extract(shortcode_atts(array(
"width" => '640',
"height" => '480',
"src" => ''
), $atts));
return '<iframe width="'.$width.'" height="'.$height.'" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="'.$src.'"></iframe>';
}
add_shortcode("googlemap", "fn_googleMaps");

Una vez, hecho esto, lo subimos de nuevo a nuestro alojamiento y en el mismo lugar .

Ahora abrimos Google maps y buscamos el mapa o la zona que deseamos publicar en nuestra página o Post, y una vez obtenida la imagen de lo que queremos, clicamos sobre enlazar y obtendremos una dirección URL como la que podéis ver seleccionada en la imágen. 

A esa URL, le debéis añadir al final este código:  &output=embed

Y el código completo que debéis añadir a vuestro post o página, ha de ser como el que véis en la imágen. Se llama un shortcode. Lógicamente, le podéis cambiar los valores de ancho y alto para adecuarlo al lugar de publicación.

Aquí os dejo el ejemplo de un mapa real de Google...

Compártelo en las Redes Sociales
Participa... Deja tu comentario.
Si desea publicar algún comentario sobre "Insertar mapas de Google en Word Press", puede hacerlo clicando sobre "Dejar un comentario"

Dejar un comentario...

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

*

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>