La Tierra (NASA)

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.

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

  1. Avatar de Fabio dos Santos Carmo

    Buenas tardes Jordi. Muy buen aporte! Aunque para los que no quieran registrarse en una cuenta de google lo pueden hacer utilizando Google Maps de la siguiente manera, que es como lo hacemos en F2SC.com
    http://www.f2sc.com/poner-un-mapa-de-google-en-mi-web/

    Espero ayudar a más de uno,
    Un saludo
    El equipo de F2SC.com

  2. Avatar de Juan Duran
    Juan Duran

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

  3. Avatar de Mauricio
    Mauricio

    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!

    1. Avatar de Jordi Cabot

      Pues la verdad es que eso no lo he probado nunca. ¿Nos dices cómo lo has hecho si lo consigues?

  4. Avatar de Angel

    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

    1. Avatar de Antonio Villegas

      Hola Angel. No conozco ningún plugin para hacer esto que comentas. No obstante, la solución más sencilla quizás sea implementar directamente el código de ejemplo que hay en la documentación oficial de Google Maps. ¡Ya nos dirás qué tal te ha ido!

  5. Avatar de Pau Medrano

    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. Avatar de David Aguilera

      ¡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 una respuesta

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

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

Tus datos personales se almacenarán en SiteGround y serán usados por Nelio Software con el único objetivo de publicar tu comentario aquí. Con el envío de este comentario, nos das el consentimiento expreso para ello. Escríbenos para acceder, rectificar, limitar o eliminar tus datos personales.