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