Ejemplos de la API de JavaScript de Esri: 15 mapas web y escenas web de alta tecnología

Los mapas que se pueden construir con la API de Javascript de Esri están alterando la forma en que percibimos nuestro mundo y la manera en que interactuamos con él. Su potente API nos ayuda a mantenernos comprometidos con los retos y oportunidades del siglo XXI, tanto en entornos interactivos 2D como 3D.

Al igual que cualquier API, la API Javascript de Esri ofrece formas de crear sus propias aplicaciones personalizadas de diversas maneras. Por ejemplo, la API de Esri Javascript le permite construir mapas web en 2D y escenas web en 3D con información rica como imágenes de mapas base, widgets de geoprocesamiento, capas de malla integradas y objetos en 3D.

¿Quiere aprender JavaScript? Consulte estos cursos de certificación de JavaScript para aprender a crear aplicaciones web interactivas. Su quieres mas ejemplos, tenemos otro arículo con mas ejemplos de la maravillos API de ESRI.

API de JavaScript: PointCloudLayer (LiDAR 3D)

Desde la versión 4.2 de la API de ArcGIS para JavaScript, las escenas de nubes de puntos permiten visualizar rápidamente grandes volúmenes de nubes de puntos simbolizadas y filtradas.

Sólo para tener una idea de lo grande que es una nube de puntos: la escena web LiDAR de abajo tiene más de mil millones de puntos. ¿Quiere crear una capa PointCloud?

En primer lugar, hay que crear una capa de conjunto de datos LAS. A continuación, tienes que generar un paquete de capas de escena (.slpk). Por último, tiene que publicarlo como servicio de escena en Portal o ArcGIS Online.

¿Imagina la posibilidad de compartir las capas de PointCloud dentro de su organización?

API de JavaScript: Servicio web en directo y WebGL (Windmill Speed and Orientation)

Una de las cosas buenas de la API de JavaScript de Esri es que se pueden crear modelos 3D en aplicaciones externas y renderizarlos como una capa integrada.

Por ejemplo, este modelo de molino de viento fue creado en Blender con el renderizado 3D en WebGL.

¿Y lo mejor? Dependiendo de las condiciones meteorológicas actuales en Palm Springs, la orientación y la velocidad de las aspas del molino se ajustan en consecuencia. Así que tenemos molinos de viento que giran casi en tiempo real en sincronización con un servicio web. ¿No es genial?

API de JavaScript: Capa de malla integrada (espacio de oficina 3D)

La estructura del edificio, el espacio interior, las paredes y las puertas son una belleza en esta escena web. Cada uno de ellos representa una capa de escena de malla independiente.

Si quieres generar tus propias capas de malla integradas en 3D, puedes construirlas automáticamente en aplicaciones como Drone2Map.

Pero lo mejor de esta escena web es cómo utiliza la consulta espacial para identificar las piezas 3D separadas de las mallas de los edificios y las estructuras metálicas.

API de JavaScript: Mirar alrededor de la cámara

Como si estuvieras en la azotea de un edificio, puedes girar en una posición de cámara fija. En lugar de arrastrar con el puntero del ratón, puedes utilizar las teclas para mirar hacia arriba, abajo, derecha e izquierda.

En la escena web de Portland, puedes utilizar atajos de teclado para obtener una vista en todas las direcciones posibles.

Y puedes ajustar la inclinación, la posición y el rumbo de la cámara. Desde las propiedades de la cámara, puedes establecer cómo interactúan éstas en la vista de tu escena.

Temperatura del mar (capa de elevación personalizada)

Esta escena web representa la capa temática de la temperatura de la superficie del mar utilizando una ElevationLayer personalizada. Si las temperaturas son superiores a 17°, se puede ocultar superponiendo un gráfico blanco en la parte superior.

Puedes interactuar con este mapa moviendo el deslizador de izquierda a derecha. Por ejemplo, puede ajustar el deslizador para varias épocas del año.