General GIS / Webmapping

AÑADIR MAPAS A UNA PUBLICACIÓN WORDPRESS CON EL PLUGIN LEAFLET MAP.

El Plugin Leaflet Map para WordPress nos permite crear diferentes mapas interactivos y añadirlos a nuestras publicaciones partiendo del código base de esta librería JavaScript Open Source.

Para los usuarios de WordPress y los asiduos a crear contenido en nuestras páginas webs, en alguna ocasión habremos pensado en incluir mapas interactivos a nuestras entradas, como, por ejemplo, señalar la ubicación de nuestra oficina, trazar sobre un mapa el track de nuestra ruta favorita o dibujar cualquier elemento de interés sobre un mapa base.

Una vez finalizada la instalación podremos visualizar el plugin en el menú lateral izquierdo de la interfaz de administración de la página, pudiendo entrar en el modo “Ajustes” para alterar las características predeterminadas del plugin o a la página de “Instrucciones” del código de esta librería. Para crear un mapa simplemente tendremos que seguir el código fuente de la librería, es sencillo, sigue estos pasos:

Simplemente crea un mapa con:

 

Busca una dirección con:

 

Si conoces la latitud y longitud de una ubicación podremos usarla, además de determinar el nivel de zoom:

 

Añade marcadores debajo del shortcode de tu mapa, de esta manera:

 

Incluso puedes añadir mensajes emergentes (a cualquier forma) con sus nombres:

 

 

Además, podemos añadir shapes, geojson y kml mediante vía url, alojando nuestro archivo en tu propio servidor y llamándolo mediante el siguiente código:

 

En la imagen inferior tenéis la teoría llevada a la práctica, en la que hemos querido plasmar una serie de mapas sobre los que interactuar, basta con pegar el código en una entrada del blog y visualizar el resultado.

Estas con algunas de las funcionalidades que ofrece este estupendo plugin, que a través de un procedimiento sencillo basado en el código de librería JavaScript Open Source de Leaflet podremos crear estupendos mapas interactivos con un resultado asombroso.

 

Add Comment

Click here to post a comment

SOLICITA TU LICENCIA DE PESCA

¡SIGUE MI PROYECTO!

X

Pin It on Pinterest

X

Si continuas utilizando este sitio aceptas el uso de cookies. Más Info

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar