Cómo crear un mapa de símbolos proporcionales con Mapbox

En el artículo ¿Qué productos y servicios ofrece Mapbox? ya vimos de forma detallada todos los productos que ofrece en la actualidad Mapbox.

Uno de sus productos estrella es Mapbox Studio, que ofrece un control completo para diseñar y personalizar los mapas para, posteriormente, publicarlos o añadirlos en una página web. Los diseños y estilos personalizados que se crean en Mapbox pueden ser utilizados como bonitos y espectaculares mapas de base en aplicaciones móviles, páginas web, otras aplicaciones de mapas (p.e. CARTO), etc.

El Style Editor es la principal herramienta de Mapbox Studio. Es una herramienta intuitiva con una interfaz muy visual que nos permitirá crear y editar estilos de mapas personalizados. Para crear el estilo de los mapas podemos utilizar alguno de los estilos que nos ofrece Mapbox, crear estilos nuevos desde cero o añadir nuestros propios datos para personalizar su estilo.

símbolos proporcionales mapbox

Hace unos meses publicamos Cómo crear un mapa de coropletas con Mapbox Studio. Siguiendo la linea de dar a conocer todo lo que se puede realizar con Mapbox Studio en este artículo veremos cómo crear un mapa de símbolos proporcionales que representa la población de las capitales europeas.

Descargar los datos

El primer paso es descargar el archivo GeoJSON que contiene datos sobre la población de cada una de las capitales europeas. capitales_poblacion.zip

Importar datos

Una vez descargado en nuestro equipo, lo descomprimimos para poder importarlo a nuestra cuenta de Mapbox Studio. Para ello, nos desplazamos a la sección Tilesets > New tileset > Upload file  y seleccionamos el archivo.

símbolos proporcionales mapbox

Confirmamos la importación y en unos segundos el archivo ya estará disponible en nuestra cuenta para ser utilizado.

símbolos proporcionales mapbox

Recordar que todos los datos vectoriales que importamos a nuestra cuenta, Mapbox los convierte en teselas vectoriales para que puedan ser renderizados de manera rápida y eficiente tanto en el editor de estilos como con Mapbox GL JS.

Si accedemos a la capa veremos cómo se muestra información útil sobre el tileset que se creó a partir de los datos que importamos.

símbolos proporcionales mapbox

Crear un nuevo estilo

El siguiente paso es crear un nuevo estilo para que podamos añadir nuestros datos al mapa. Nos desplazamos a la sección Style > New style > seleccionamos un estilo a nuestra elección, en mi caso Streets y hacemos clic en Customize Streets.

símbolos proporcionales mapbox

Automáticamente se abrirá el editor de estilo desde donde podremos crear nuestro estilo de mapa. En la parte superior izquierda cambiamos el nombre del estilo por Estilo símbolos proporcionales para poder reconocerlo en nuestro listado de estilos.

símbolos proporcionales mapbox

Agregar nueva capa

Para agregar y aplicar un estilo a los datos de población de las capitales europeas debemos agregar una nueva capa al mapa cuya fuente de información sea el tileset que se ha creado al importar la capa. En la parte superior izquierda en la pestaña Layers hacemos clic en el icono Add new layer.

El editor de mapa cambiará de apariencia, en modo de rayos X. Este modo muestra todos los datos de las fuentes añadidas al estilo, independientemente de si hay una capa para darle estilo.

En la lista de fuente de datos (Data sources) buscamos nuestro tileset y lo seleccionamos para que su información sea añadida al estilo del mapa. La información de la capa quedará resaltada para ver que elementos muestra.

Si hacemos clic en la pestaña Style el mapa volverá al modo de estilo y se mostrará la nueva capa. Los datos se muestran con un estilo predeterminado.

Reordenar capas

Al crear un estilo de mapa el orden de visualización de la información vienen determinado por el orden de las capas, es decir, las diferentes capas que componen el estilo se visualizan según la posición que siguen en la lista de capas.

Para mejorar el estilo moveremos la capa que hemos creado por debajo de todas las capas de etiquetas. Para ello, basta con seleccionar la capa y arrastrarla hasta la posición deseada. También cambiaremos el nombre a la capa por uno más acorde a la información que mostrará, por ejemplo, Poblacion Capitales.

Un dato a tener en cuenta es que a la hora de dar nombre a las capas del estilo no podemos usar acentos ni caracteres extraños. Si los añadimos aparecerá un mensaje avisándonos de que no se pueden usar.

Aplicar estilo a la capa

Por último, veremos cómo aplicar el estilo símbolos proporcionales sobre la capa de población que hemos importado al estilo.

Sobre la capa hacemos clic en Style y nos centraremos en la propiedad Radius.

Para crear un mapa de símbolos proporcionales se necesita disponer de un campo numérico y  usar la herramienta de diseño avanzado Style across data range o Style with data conditions.

En nuestro caso, usaremos la herramienta avanzada Style across data range. Al seleccionarla se mostrarán los distintos campos que componen la capa. Seleccionamos Poblacion .

Se crearán dos intervalos, uno con la población más baja encontrada y otro con la más alta.

El intervalo con la población mínima lo dejamos como aparece por defecto, y en el otro intervalo, indicamos que el tamaño del punto sea 35.

Hacemos clic en Done y como la ratio de cambio (Rate of change) es lineal las proporciones de los círculos se ajustarán para cada valor según el tamaño máximo y mínimo que hemos definido.

Vamos a ir un paso más allá y en la propiedad Color crearemos 5 intervalos utilizando el campo poblacion. Los pasos a seguir son los mismos que los vistos en el artículo Cómo crear un mapa de coropletas con Mapbox Studio.

Las condiciones que utilizaremos son las siguientes:

  • Is less than 100000, color #f1eef6
  • Is less than 250000, color #bdc9e1
  • Is less than 1000000, color #74a9cf
  • Is less than 2500000, color #2b8cbe
  • Is greater than 2500000, color #045a8d

Al final, nuestro mapa con el estilo de símbolos los proporcionales mostrará un aspecto como el de la imagen:

Publicar estilo

Una vez definido y creado el estilo de mapa que nos interesa ya podemos publicarlo. Para ello, hacemos clic sobre el botón Publish, situado en la parte superior derecha del editor de estilo. Aparecerá un recuadro comparativo entre el estilo inicial y el final. Volvemos a hacer clic en Publish.

Compartir estilo

Una vez que se ha publicado el estilo, se puede compartir, usar en otras aplicaciones como mapa base e incluso insertar en una página web desde la opción Share, situada en la parte superior derecha del editor.

Si quieres aprender más sobre cómo aplicar estilos de mapa en Mapbox Studio inscríbete en nuestro curso online aplicaciones GIS en la nube.

Let’s connect!

Date de alta en nuestra newsletter
y recibe este ebook gratuito

Y una vez al mes recibirás las últimas novedades del sector GIS y de nuestros cursos

1 comentario en “Cómo crear un mapa de símbolos proporcionales con Mapbox”

  1. Hola, buenos días, quería consultar por la edición de etiquetas de Mapbox, necesitaría saber cómo puedo eliminar las etiquetas (labels) duplicadas de una capa de texto de polígonos.

    Desde ya muchas gracias

    Responder

Deja un comentario