25/02/2015

Mapbox: mapas inteligentes para la Web

Mapbox: mapas inteligentes para la Web

A la hora de lanzar una aplicación de geolocalización, la primera opción que se nos viene a la mente es Google Maps. Funciones como StreetView, vistas satelitales, trazado de recorridos y compartir puntos en el mapa pueden ser útiles para cualquier negocio. Sin embargo, no es el único jugador en este escenario: desde 2010, muchos desarrolladores eligen Mapbox, un servicio de mapas personalizados basado en software open source.

El fuerte de Mapbox no es su información cartográfica (que obtiene de fuentes externas, como OpenStreetMap), sino las posibilidades que brinda para su manipulación. Gracias a Mapbox, los usuarios de Foursquare pueden encontrar puntos de interés cerca de su casa y los usuarios de Pinterest pueden compartir sus lugares preferidos. Pero hay ejemplos más audaces, como The Silent History, una novela que usa Mapbox para enriquecer la experiencia de lectura con información sobre los lugares en que transcurre la historia.

Mapbox cuenta con SDK para desarrollar aplicaciones nativas sobre iOS y Android, además de una versión en JavaScript, Mapbox.js, ideal para aplicaciones web. A través de estas herramientas podemos dotar nuestros mapas con funciones altamente personalizadas:

  • Agregar marcadores con el diseño que queramos.
  • Elegir el mejor camino entre dos puntos a partir de variables como el tipo de terreno y el estado actual del tránsito.
  • Agrupar varios puntos del mapa cercanos entre sí.
  • Crear animaciones sobre el mapa. Por ejemplo, se puede animar el recorrido de un avión entre su origen y su destino.
  • Dibujar polígonos sobre el terreno (con los colores y la forma que queramos) y calcular el área encerrada.

Todas éstas (y muchas más) son herramientas para recorrer el mapa «estándar» que nos ofrece Mapbox. Pero ¿qué hacemos cuando lo que necesitamos es crear nuestros propios mapas, con la toponimia, la división política, los colores y las tipografías que deseemos? Para eso existe Mapbox Studio, un software de diseño de mapas con una sintaxis similar a la de LESS, un preprocesador de CSS.

Enlaces externos

0

angularjs Aplicaciones en Facebook aplicaciones mobile behavioral targeting Botones Call-to-action breadcrumbs breadcrumbs web búsqueda de personal búsqueda facetada Call-to-action buttons Client-side cliente-destacado cms a medida coding comercio electrónico content marketing CSS3 PIE cuanto debe pesar un sitio data-driven web design Datos estructurados Defacement Denegación de servicio Desarrollar una aplicación web desventajas de PhoneGap diseñar newsletters diseño web diseño web argentina diseño web esqueuomórfico Diseño web responsive Diseño web responsivo diseño web santa fe diseño web Smart TV diseño web televisores DOM desde PHP enlaces rotos filtros de búsqueda flash flat web design formularios sitio web fragmentos enriquecidos función de autocompletar futuro de la realidad aumentada html HTML5 html5shiv inbound marketing Initializr interfaces Web para televisores javascript jobs jQuery Mobile Mapbox maquetado html/css maquetador web masonry layout menú de navegación menú desplegable Metodologías ágiles Modernizr MVC Navegación por teclado oferta laboral OpenStreetMap paginas de Facebook Paper js Paper js framework personas Phishing plan de QA Polyfills polymer portfolio-destacados portfolio-inicio programacion de CMS Programadores WordPress página de contacto página de error 404 que es Backbone.js Realidad aumentada Resultados instantáneos server-side skeuomorphic design sliders y usabilidad soporte Internet Explorer Storytelling Underscores usabilidad usabilidad buscadores user-centered design ux velocidad de carga web Vendor prefixes ventajas jQuery Mobile Ventanas integradas versiones antiguas de Internet Explorer WAI-ARIA web components web imprimible Web Semántica WordPress para ecommerce