mayo 16, 2010 0

Plugin mejorado de Google Maps para WordPress

Por en General

Valencia, 16/05/2010, G.B.
Gatsu me ha dado a conocer un plugin de WordPress para Google Maps, mucho mejor que el que yo he utilizado en este mismo blog. La página del plugin es: http://xavisys.com/wordpress-plugins/google-maps/ y ahora mismo voy a instalarlo en Knowhow. Se puede hacer desde el repositorio de WordPress, vía ftp.

Para que el plugin funcione requiere una API de Google Maps, la cual, como ya sabéis, es totalmente gratuita. Sólo necesitas una cuenta de Google. Desde este enlace puedes conseguir tu API de Google Maps: http://code.google.com/apis/maps/signup.html. Requiere WordPress 2.5 actualizado o superior. Importante lo de que esté actualizado para evitar riesgos serios de seguridad, como nos indican en la propia página del plugin, xavisys.com.

Una vez instalado el plugin, debes introducir tu API de Google Maps. Te aparecerá el aviso al estilo del plugin de Akismet, es decir, lo verás claramente.

Adjunto el texto introductorio sobre el plugin de la página oficial del mismo.

The Google Maps for WordPress plugin allows you to easily insert Google maps into your blog, making use of the new shortCode system in WordPress 2.5. The maps can be configured to offer directions to or from the location, show or hide the zoom/pan controls, show/hide map type, activate zoom using mouse wheel, and more.

It requires a Google Maps API key, and then gives you a nice interface near your editor to help you build the map and send it to the editor.

Cómo insertarlo
Cuando escribas un post o crees una página en tu blog, una vez instalado el plugin, habrá un caja de texto o meta box “Google Maps for WordPress” justo debajo de las cajas de ‘Tags’ (etiquetas) y ‘Categories’ (categorías). Es ahí donde debes introducir los datos que te solicita. En el campo Address deberás escribir la dirección que quieres que te muestre el mapa. Location Name es la palabra a la que se enlazará el mapa. Location Description una breve descripción del sitio (yo he puesto Calle Sagunto de Valencia) y Map Width y Map Height la anchura y altura del mapa, respectivamente. El resto son opciones de visualización del mapa en Google Maps. En mi caso: calle Sagunto 2 46009 Valencia España (nombre de la calle, número, código postal y país) . Luego pulsas enviar el mapa al editor (Send Map to Editor) y listo. Dejo captura de pantalla:

NOTA: Cuando mehe instalado el plugin nohabía dado de alta todavía la API de Google Maps, de ahí el mensaje de error en la parte inferior de la imagen.

Veamos como se visualiza escribiendo una dirección (va a añadir el mapa a la dirección que le he dado, la cual aparecerá debajo del mapa y será la descripción que quiero que aparezca):

[googleMap name="Calle Sagunto de Valencia" description="Calle Sagunto de Valencia" width="475" height="350" directions_from="true"]calle sagunto 1 46009 Valencia[/googleMap]Calle Sagunto de Valencia

Perfecto! Muchas gracias, gatsu, este plugin de Google Maps es el que estaba buscando.

Posts relacionados:

Google Transit disponible en Valencia
Plugin de Google Maps para tus posts

Tags (etiquetas): , , ,


1&1 Programa de afiliados

Deja un comentario