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

Slick: el carrusel para jQuery

Slick: el carrusel para jQuery

Monthly.js : Plugin de jQuery para eventos en el calendario

Monthly.js : Plugin de jQuery para eventos en el calendario

MixitUp 3: animaciones y manipulación del DOM

MixitUp 3: animaciones y manipulación del DOM

Algunos artículos que te pueden interesar

Detectando la Orientación de un dispositivo con jQuery Mobile

Detectando la Orientación de un dispositivo con jQuery Mobile

En esta entrega veremos como podemos detectar o capturar la rotación de un dispositivo con jQuery Mobile.

Andrés Cruz 17-07-2014

Recortes de imágenes con HTML5 y jQuery

Recortes de imágenes con HTML5 y jQuery

En este artículo veremos cómo recortar imágenes y guardarlas en nuestra computadora o dispositivo móvil con HTML5 y jQuery.

Andrés Cruz 07-05-2014

Plugin para las Cookies en JavaScript

Plugin para las Cookies en JavaScript

Se explica los métodos básicos para emplear el plugin JavaScript Cookies el cual permite emplear las Cookies fácilmente.

Andrés Cruz 25-08-2017