X

Cómo crear un código corto de Google Maps

Snippets by IsItWP

¿Estás buscando una forma de utilizar un shortcode para añadir Google Maps a tu sitio WordPress? Aunque probablemente exista un plugin para ello, hemos creado un fragmento de código rápido que puedes utilizar para crear un shortcode de Google Maps en WordPress.

Instrucciones:

Añade este código al archivo functions.php de tu tema o a un plugin específico del sitio.

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");

A continuación, utiliza este shortcode para crear un mapa. Recuerda cambiar el atributo src.

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

Nota: Si es la primera vez que añade fragmentos de código en WordPress, consulte nuestra guía sobre cómo añadir correctamente fragmentos de código en WordPress, para no romper accidentalmente su sitio.

Si te ha gustado este fragmento de código, por favor, echa un vistazo a nuestros otros artículos en el sitio como: Google Maps Builder Review: Incrustar mapas interactivos fácilmente y cómo configurar el seguimiento de autores en WordPress con Google Analytics.

Comentarios   Deja una respuesta

  1. Hi, nice idea, but for me the map doesn’t show up either, only a blank field. Any suggestions what went wrong???

  2. Hi Cliff a few things including if changes are made to the embed code in the embed code you can just update the snippet rather then update each post. You may want to have multiple sizes for each post or you may in the future change the design of your site and need each map a specific size that you could ignore the size att and force a default one.

Añadir un comentario

Nos alegra que haya decidido dejar un comentario. Tenga en cuenta que todos los comentarios se moderan de acuerdo con nuestra política de privacidad , y que todos los enlaces son nofollow. NO utilice palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.

WordPress Launch Checklist

La lista definitiva para lanzar WordPress

Hemos recopilado todos los elementos esenciales de la lista de comprobación para el lanzamiento de su próximo sitio web de WordPress en un práctico ebook.
Sí, envíeme el ¡gratuito!