El nodo Mapbox le permite mostrar su propio mapa con diferentes visualizaciones: luz, oscuridad, mapa, espacio verde, satélites, así como el acceso a las funciones de navegación.

Componentes

Configuración

Access Token

Para configurar el mapa, es necesario introducir un token de acceso. Puedes conseguir uno gratis en la web de Mapbox, creando una cuenta tendrás un enlace disponible.

Mapbox

A continuación, puede configurar la vista del mapa en Mapbox.

Apariencia

Puedes elegir entre diferentes tipos de apariencia: calle, exterior, luz, oscuridad, satélite, satélite y calle, navegación diurna, navegación nocturna.

Longitude

Puedes establecer una longitud.

Latitud

Puede determinar una latitud.

Zoom

Puede ampliar y reducir el mapa.

Landmarks

Puede añadir puntos de referencia en el mapa, por ejemplo, un punto de referencia aquí en Notre-Dame de París. Puede determinar su latitud, longitud, luego la imagen del hito y finalmente su tamaño.

GPS

Activar el seguimiento

Puedes activar un rastreador GPS en el mapa.

Alta precisión

Puedes ajustar la precisión del rastreador GPS.

Estilo

El estilo gestiona las propiedades visuales generales aplicadas a este nodo.

Antecedentes

Controla el fondo (imagen, color o degradado) del nodo.

Opacidad

Controla la opacidad del nodo.

Redondeo

Controla el radio de redondeo de las esquinas exteriores del nodo. Puede establecer el radio para todas las esquinas (superior izquierda, superior derecha, inferior izquierda, inferior derecha) o para cada esquina individualmente.

Border

Controla la forma, el color y el grosor del borde del nodo.

Grosor**: El grosor del borde. Puede establecer el grosor de todos los bordes (superior, izquierdo, derecho, inferior) o de cada uno de ellos individualmente.
Forma**: el estilo del borde.
Color**: el color del borde.

Shadows

Permite añadir una o varias sombras a un nodo. Cada sombra está definida por :

tipo** : si la sombra está dentro o fuera de la caja del nodo.
x:** especifica la distancia horizontal. Los valores negativos colocan la sombra a la izquierda del elemento.
y**: especifica la distancia vertical. Los valores negativos colocan la sombra por encima del elemento.
Desenfoque**: cuanto mayor sea este valor, mayor será el desenfoque, por lo que la sombra se hace más grande y más clara.
Dispersión**: los valores positivos hacen que la sombra se expanda y crezca, los valores negativos hacen que la sombra se reduzca.

Blur

Aplica el desenfoque sólo al fondo del nodo, para crear un efecto de cristal al estilo de iOS. Cuanto mayor sea el valor, mayor será el desenfoque.

Layout

El diseño le permite colocar y posicionar su nodo en relación con sus hermanos (los del mismo nodo padre).

Width

Controla la anchura del nodo.

px**: Establece el ancho del nodo en píxeles.