DesarrolloLibre

Desarrollo Web, Android, juegos y mucho más

Categorias
25-04-2016

Los mapas son un recurso fundamental en algunas aplicaciones en las que se requiera saber la ubicación de algún ente pero que no necesariamente deseamos que sea exacta -como en el caso de Google Map- si no solo obtener el país, región o estado de una forma gráfica.

Existen muchos plugins para pintar mapas mundiales, continentales, regiones, estados y en esta entrada veremos algunos de ellos.

El vector es el rey

corona

Un punto común en todos los plugins para pintar mapas que veremos aquí, es el uso de los vectores como tecnologías fundamental para pintar los mapas; esto lo puedes corroborar viendo el código fuente de los mapas:

jquery vector tags de un mapa del mundo

Y que todos los plugins para dibujar mapas emplean jQuery:

jquery logo

jVectorMap

jVectorMap es una interesante obción para pintar mapas; verás que puedes aplicar zoom sobre las diferentes secciones que conforman el mapa y estas no se pixelan (y es una características fundamental en los vectores); en general permite:

Mapa del mundo:

jVectorMap mapa del mundo

Mapa por país y sus estados:

jVectorMap mapa de los EEUU

Inclusive por regiones que definamos:

jVectorMap mapa de una región

La única pega, es que es de pago para proyectos comerciales, ver más sobre la licencia en el siguiente enlace.

World Map Generator

El plugin World Map Generator nos brinda algunas opciones menos que el plugin anterior ya que no nos permite visualizar los estados de un país (un nivel de detalle menos) ni hacer zoom, aunque debes de tener en cuenta la licencia para incorporar en nuestros proyectos; para este caso es MIT:

World Map Generator mapa del mundo

jQuery Mapael

Este plugin jQuery Mapael tiene muchísimas opciones para personalizar los mapas; permite seleccionar por países, estados, regiones e inclusive podemos incorporar otros gráficos y textos para enriquecer más el contenido:

jQuery Mapael, varios mapas

Entre otras cosas como el manejo de eventos; su licencia, MIT.

HTML5 Interactive Maps

HTML5 Interactive Maps ofrece tambien várias modalidades para ver los mapas por paises, sectores inslusive permite agregar capas de información sobre el mapa, entre otras opciones de personalización; lo malo, es de pago y bastante costoso:

HTML5 Interactive Maps, varios mapas

Publicidad

Give me for a beer!

Algunos recursos que te pueden interesar

Editable Listview con jQuery

Editable Listview con jQuery

InstaStream: plugin para mostrar imágenes desde Instagram

InstaStream: plugin para mostrar imágenes desde Instagram

3D Box Control conTweenMax

3D Box Control conTweenMax

Algunos artículos que te pueden interesar

4 formas de pintar mapas con jQuery y JavaScript

4 formas de pintar mapas con jQuery y JavaScript

Se muestran 4 plugins de pago/gratuitos para dibujar mapas vectorizados con HTML nativo en nuestra web a través de jQuery.

Andrés Cruz 25-04-2016

¿Cómo colocar vídeos de Youtube como fondo (Background) con jQuery?

¿Cómo colocar vídeos de Youtube como fondo (Background) con jQuery?

En esta entrada veremos cómo colocar videos de YouTube como fondo empleando un simple plugin para jQuery.

Andrés Cruz 10-12-2014

Carrusel fullscreen con menú lateral con jQuery y CSS

Carrusel fullscreen con menú lateral con jQuery y CSS

Se explica cómo crear una galería fullscreen o pantalla completa con un menú fijo lateral con jQuery y CSS.

Andrés Cruz 18-05-2017