Añadir Google Maps en WordPress sin utilizar un plugin

Publicada en WordPress.

Seguro que más de una vez habéis pensado en añadir un mapa interactivo en vuestra web. Y en concreto, un mapa hecho con Google Maps.

Si este es tu caso, podrías empezar a mirar entre los muchos plugins para integrar Google Maps en WordPress que hay. Pero si eres de los que, como yo, prefieren instalar sólo los plugins estrictamente necesarios (no solamente por razones de eficiencia sinó principalmente para facilitar el mantenimiento y evolución futura de la web) una solución «sin plugin» puede ser una opción mejor.

Sobre todo porque ahora, gracias al reciente Google Maps Engine Lite (ver también el tutorial oficial) es muy fácil crear un mapa a medida e incrustarlo directamente en un post en WordPress. Como ejemplo, éste es el mapa interactivo que hemos creado en menos de cinco minutos para mostrar la lista de universidades que utilizan el libro Model-driven software development in practice en sus cursos.

Crear uno de estos mapas es tan fácil como ir a Google Maps Engine Lite e importar los datos a visualizar desde la hoja de cálculo donde los tengamos guardados.

Google Maps in WordPress - File import

A continuación hay que indicar qué columna contiene los datos geográficos y cuál la información a mostrar junto a la localización.

Google Maps in WordPress - Data configuration

A partir de ahí, eres libre de configurar el tipo de mapa, las formas a utilizar, añadir más capas, etc. Y cuando ya estás contento con el resultado basta con configurar el mapa como público para todo el mundo y hacer un copiar pegar del código iframe generado por Google (para blogs en WordPresss.com seguir estas instrucciones). ¡Y a disfrutar del mapa!

Embedding code for Google Maps in WordPress

Imagen destacada de la NASA.

FlojaNo está malBienMuy bien¡Impecable! (Ninguna valoración todavía)
Cargando…

8 comentarios en «Añadir Google Maps en WordPress sin utilizar un plugin»

  1. Muy util, gracias. Ya lo he probado y perfecto. Un saludo.

  2. Hola.

    Muchas gracias por el post me ayudo mucho, hasta el punto en el que quiero colocar en el mapa, la opción de «Como Llegar». ¿Es posible?

    Un Saludo!

  3. Hola, necesito un plugin para wordpress que me deje insertar mi mapa de google hecho con poligono o en su defecto que me deje hacer el mapa poligono y que me de el codigo para insertarlo gratis.
    Gracias

  4. Intento cambiar el mapa que tengo en mi pagina web porque se mueve mucho, al ponerlo sin plugin se deja de mover tanto pero queda muy feo con el titulo del mapa, hay alguna manera de quitar ese titulo?

    Ademas me gustaria dejar un zoom fijado ya que con el zoom que elige google no se puede ver casi nada

    1. ¡Hola Pau!

      En esta otra entrada explicamos un par de métodos extra para añadir mapas de Google en tu web. Entre ellos, está la opción de usar la API JavaScript de Google Maps, que es la que más juego da. Échale un vistazo y nos cuentas qué tal.

      Un saludo,
      David

Deja un comentario

No publicaremos tu correo electrónico. Los campos obligatorios están marcados con: •

He leído y acepto la Política de privacidad de Nelio Software

Al marcar la casilla de aceptación estás dando tu legítimo consentimiento para que tu información personal se almacene en SiteGround y sea usada por Nelio Software con el propósito único de publicar aquí este comentario. Contáctanos para corregir, limitar, eliminar o acceder a tu información.