Red de conocimiento informático - Aprendizaje de programación - Conceptos básicos y diferencias principales de mapbox

Conceptos básicos y diferencias principales de mapbox

Primero, comprendamos qué es webgl

webgl es un protocolo de gráficos 3D que proporciona renderizado 3D acelerado por hardware para lienzos HTML5, lo que permite a los desarrolladores web utilizar la tarjeta gráfica del sistema para renderizar escenas 3D de manera más fluida. y modelos, y cree visualizaciones de datos y navegación complejas

Diferencias principales

1. Diferencias de presentación

Mapbox GL JS (biblioteca de gráficos mapbox javascript

) la funcionalidad principal es la representación del lado del cliente

Al crear una aplicación web usando Mapbox GL JS, el mapa se representa a través de Javascript y WebGL. Representar mapas como mosaicos vectoriales usando Javascript y WebGL

El renderizado Mapbox GL JS permite cambios rápidos de estilo, lo que da como resultado un renderizado de mapas más rico que combinar una serie de imágenes de mosaicos del servidor y luego mostrarlas coloridas

2. Capas

Las bibliotecas de mapas JavaScript tradicionales tienen dos "capas" distintas:

Capas base: aquellas que forman la base de los sectores de imagen del mapa. Normalmente contienen una gran cantidad de datos: los mapas de calles incluyen detalles como marcadores, edificios, íconos, etc. que no se muestran bien en los navegadores. Consulte "L.mapbox.tileLayer" en Mapbox.js y "L.TileLayer" en Leaflet.

Superposición: generalmente incluye datos vectoriales como GeoJSON, consulte ?L.mapbox.featureLayer? en Mapbox.js y ?L.geoJson en Leaflet? Las capas contienen más información que la capa base. más interactivos: se pueden modificar en JavaScript y activar una ventana emergente al hacer clic en ellos.

Las capas en Mapbox GL JS son representaciones estilizadas de datos vectoriales o rasterizados. Cada capa especifica cómo se dibujan datos específicos en el navegador y el renderizador usa estas capas para representar el mapa en la pantalla.

Como se muestra a continuación, los detalles del mapa cambian a medida que cambia el nivel de zoom. La información del terreno, los edificios, el transporte público y la ubicación se presentan como capas correspondientes.

Debido a que todo el contenido del mapa en el navegador se carga como datos vectoriales a través de Mapbox GL JS, Mapbox GL JS no distingue entre capas base y superpuestas. Por lo tanto, las etiquetas, los íconos y otros elementos del mapa se pueden modificar parcialmente a través de JavaScript, de manera similar a las capas superpuestas en bibliotecas de mapas anteriores. Por supuesto, esto también significa que las funciones y métodos para cambiar los estilos de capa serán más refinados.