¿Qué se puede hacer con la API de Javascript de Esri?
Los mapas que puede crear con la API Javascript de Esri están alterando la forma en que percibimos nuestro mundo y la forma en que interactuamos con él.
Su potente API nos ayuda a mantenernos comprometidos con los desafíos y oportunidades del siglo XXI, tanto en entornos interactivos 2D como 3D.
Al igual que cualquier API, la API de JavaScript de Esri ofrece formas de crear sus propias aplicaciones personalizadas en una variedad de formas.
Por ejemplo, la API de Javascript de Esri le permite crear mapas web 2D y escenas web 3D con información rica como imágenes de mapas base, widgets de geoprocesamiento, capas de malla integradas y objetos 3D.
¿Quieres aprender JavaScript? Consulte estos cursos de certificación de JavaScript para aprender a crear aplicaciones web interactivas.
1. Capa de nubes de puntos (LiDAR 3D)
Desde ArcGIS API for JavaScript 4.2, las escenas de nubes de puntos han brindado la funcionalidad para una visualización rápida de grandes volúmenes de nubes de puntos simbolizadas y filtradas.
Solo como una cifra aproximada de cuán grande es una nube de puntos: la escena web LiDAR a continuación tiene más de mil millones de puntos. ¿Quieres crear una capa PointCloud?
Primero, cree una capa de dataset LAS. A continuación, debe generar un paquete de capas de escena (.slpk). Finalmente, debe publicarlo como un servicio de escena en Portal o ArcGIS Online.
¿Imagina la capacidad de compartir capas de PointCloud dentro de su organización?
require(["esri/layers/PointCloudLayer"], function(PointCloudLayer))
2. Servicio web en vivo y WebGL (velocidad y orientación del molino de viento)
Una de las cosas buenas de la API de JavaScript de Esri es cómo puede crear modelos 3D en aplicaciones externas y representarlos como una capa integrada.
Por ejemplo, este modelo de molino de viento se creó en Blender con la representación 3D en WebGL.
¿Y la mejor parte?
Dependiendo de las condiciones climáticas actuales en Palm Springs, la orientación y la velocidad de las palas del molino de viento se ajustan en consecuencia. Así que tenemos molinos de viento casi en tiempo real girando sincronizados con un servicio web. ¿Cuan genial es eso?
require(["esri/views/3d/externalRenderers"], function(externalRenderers))
3. Capa de malla integrada (espacio de oficina 3D)
La estructura metálica del edificio, el espacio interior, las paredes y las puertas son una belleza en esta escena web. Cada uno representa una capa de escena de malla separada.
Si desea generar sus propias capas de malla integradas en 3D, puede 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 y estructuras alámbricas del edificio.
require(["esri/layers/IntegratedMeshLayer"], function(IntegratedMeshLayer))
4. Animar variable de color (construcción de Nueva York)
Para más de 1 millón de edificios, este mapa web anima la construcción de edificios en la ciudad de Nueva York desde 1934.
A medida que aumenta el año de construcción, las huellas del edificio cambian a azul según el año del control deslizante. Para todos los edificios construidos años antes, las huellas se tiñen gradualmente de rosa.
En general, es una forma única de visualizar el paisaje cambiante de Nueva York antes de 1934. Puede usar la API de JavaScript de Esri para lograr la variable visual de color animada de la siguiente manera.
requestAnimationFrame() + HTML slider
5. Resultados de las Elecciones (Variable de Opacidad)
Usando la variable visual de opacidad, puede agregar algunos efectos cartográficos enriquecidos a sus mapas web. Por ejemplo, este mapa web muestra las elecciones presidenciales de EE. UU. de 2008 para cada distrito electoral. Si bien más votos significan círculos más grandes, el color representa a los candidatos.
Pero lo especial es cómo la variable visual de opacidad representa el margen de victoria. Cuando el control deslizante está en el extremo disputado del espectro, los círculos son opacos y el ganador gana por un pequeño margen de victoria. Pero cuando es aplastante, esto representa un gran margen de victoria.
WebGL se procesa más rápido y permite más funciones que SVG.
require(["esri/layers/FeatureLayer"], function(FeatureLayer))
6. Sistemas de coordenadas marcianas (Vida en Marte)
Los astrónomos de hoy quieren examinar dinámicamente un número cada vez mayor de planetas y lunas. En el caso de Marte, podemos irrigar el planeta marciano para ver cómo el agua drena contra un dato de referencia proxy llamado areoide de Marte .
Mientras que el cráter de impacto Hellas es el punto más bajo, el volcán Olympus Mons es el pico más alto sobre el areoide. Este mapa web simula si llenaras de agua el planeta marciano.
Los datos de elevación provienen del instrumento Mars Orbitor Laser Altimeter (MOLA). Es interesante notar que este mapa web utiliza el cilíndrico equidistante Mars 2000 (basado en Plate Carre). En lugar de la proyección Web Mercator, podemos medir distancias correctamente en Marte.
Projection: Mars 2000 Equidistant Cylindrical (based on Plate Carre)
7. Extrusión 3D impulsada por datos (tifones del Pacífico occidental)
En el año récord de tifones de 2005, la escena web Western Pacific Typhoon muestra 23 tifones que arrasaron el Océano Pacífico en este momento.
Al igual que estos mapas meteorológicos, podemos interactuar con este mapa de formas interesantes. Por ejemplo, vemos cómo la velocidad del viento (escala cilíndrica) se relaciona con la presión barométrica (esquema de color rojo a amarillo) en la trayectoria de cada tifón.
Los tifones pueden crecer enormemente a lo largo de su camino de destrucción (en azul). Esta escena global temática combina varios conjuntos de datos 2D y 3D para contar la historia completa de hasta dónde pueden viajar los tifones en el Océano Pacífico.
require(["esri/symbols/ExtrudeSymbol3DLayer"], function(ExtrudeSymbol3DLayer))
8. Entorno local (escena en vivo de Francia)
Según la hora del día, esta vista de escena web refleja la hora local en Brest, Francia. Alternativamente, si desea ajustar las manecillas del reloj, el entorno circundante cambiará en consecuencia.
A medida que pasa el tiempo, el día se convierte en noche y la vista de la escena se oscurece de manera realista. Por la noche, la posición de las estrellas se alineará en sus lugares apropiados con la Tierra. Esto significa que puedes contemplar las estrellas en la comodidad de tu hogar como si estuvieras en Francia. Con buena pinta.
Con la configuración del entorno de la API de JavaScript de Esri, puede establecer los parámetros de iluminación y ambiente. Aquí es donde puede configurar la posición del sol para reflejar la hora actual.
view.environment.lighting.date = Date.now();
9. Capa de malla integrada (Yosemite)
Solo para dar en el clavo con la belleza de las capas de malla
Esta escena web de capas de malla integradas incluye el modelo de superficie 3D de VRICON de Yosemite. El realismo de las texturas 3D del entorno natural y construido es surrealista.
Captura todos los pequeños detalles de árboles, acantilados y valles.
require(["esri/layers/IntegratedMeshLayer"], function(IntegratedMeshLayer))
10. Tablero (Tasas de delincuencia animadas en 3D de Nueva York)
En esta aplicación web del panel de control de la ciudad de Nueva York, puede almacenar en búfer de forma interactiva ubicaciones en Nueva York y encontrar tendencias delictivas.
Elija cualquier lugar en el mapa y observe cómo las estadísticas de delitos de datos abiertos de la ciudad de Nueva York crecen y se reducen según las ubicaciones de los delitos. En el lado derecho, el tablero aumenta o disminuye según la cantidad de delitos.
En lugar de una tabla, esta es una buena manera de explorar las tendencias delictivas. Está animado. Es interactivo. Y es agradable a la vista.
11. Vistas compuestas
Al igual que tener múltiples marcos de datos en ArcMap, Esri JavaScript API MapViews es la forma en que puede mostrar diferentes ubicaciones en un mapa con diferentes ventanas gráficas.
Por ejemplo, si desea mostrar los 48 estados contiguos de los Estados Unidos, puede agregarlos a una ventana gráfica. Para Alaska y Hawái, estos pueden ir en vistas de mapa separadas.
Además de eso, cada vista de mapa puede tener su propio sistema de proyección.
require(["esri/views/MapView"], function(MapView))
12. Escena Mirar alrededor de la cámara
Como si estuviera en la azotea de un edificio, puede rotar en una posición de cámara fija. En lugar de arrastrar con el puntero del mouse, puede usar las teclas para mirar hacia arriba, abajo, derecha e izquierda.
En la escena web de Portland, puede usar métodos abreviados de teclado para obtener una vista en todas las direcciones posibles.
Y puede ajustar la inclinación, la posición y el rumbo de la cámara. Desde las propiedades de la cámara, puede establecer cómo interactúan en su vista de escena.
require(["esri/Camera"], function(Camera))
13. Widgets de geoprocesamiento (Cuenca visual)
Desde el lanzamiento de Esri JavaScript API 4, puede realizar análisis 3D en sus escenas web. Así es, si desea realizar una cuenca visual, áreas de influencia geodésicas o análisis de puntos calientes, puede hacerlo en una aplicación web.
Por ejemplo, puede hacer clic en cualquier parte de esta escena web llena de montañas y ver lo que se ve desde ese punto en el espacio. Y puede simular cuencas visuales en varias ubicaciones para tener una idea real de cómo funcionan las cuencas visuales interactuando con la aplicación.
Si este tipo de herramientas van a estar disponibles en aplicaciones web, ¿qué significa esto para el software GIS de escritorio?
require(["esri/tasks/Geoprocessor"], function(Geoprocessor))
14. Temperatura del mar (capa de elevación personalizada)
Esta escena web representa la capa temática de la temperatura de la superficie del mar mediante un ElevationLayer personalizado. Si las temperaturas están por encima de 17, puede ocultarlo superponiendo un gráfico blanco en la parte superior.
Puede interactuar con este mapa moviendo el control deslizante de izquierda a derecha. Por ejemplo, puede ajustar el control deslizante para varias épocas del año.
BaseElevationLayer.createSubclass( { /* code goes here */ })
15. Análisis de geoenriquecimiento
El geoenriquecimiento es cómo visualizar información sobre personas, lugares o ubicaciones a través de gráficos, tablas e infografías. Por ejemplo, si haces clic en este mapa web, obtienes información sobre los grupos de edad de los barrios de California en una infografía de pirámide de edades.
Hay cuatro tipos de infografías de geoenriquecimiento disponibles:
- Una variable muestra una sola variable
- Las variables relacionadas muestran múltiples variables
- Pirámide de edad muestra una pirámide de edad
- Por último, el tapiz brinda información sobre el estilo de vida de los vecindarios.
require(["esri/dijit/geoenrichment/Infographic"], function(Infographic))
La API JavaScript de Esri
Todos los días, la API de JavaScript de Esri nos permite conectarnos con nuestra comunidad y nuestro lugar que vivía de maneras únicas, innovadoras y poderosas.
Desde Esri JavaScript API 3, que nos proporcionó mapas web en 2D, hasta Esri JavaScript 4, que ahora nos permite crear escenas web en 3D interactivas, ArcGIS Online (AGOL) ha revolucionado el arte de crear mapas en línea.
Con la API de Javascript de Esri, podemos informar mejor al público para la toma de decisiones y representar prioridades desde nuestro propio conocimiento espacial. Podemos transmitir y reclamar nuestro propio futuro dando nuestro propio sentido del lugar en el que vivimos.
Ahora es tu turno:
¿Ha utilizado la API de JavaScript de Esri? ¿Cuáles son algunas de las funciones que utiliza?
LEER MÁS: Mapas 3D: una guía completa para ver la Tierra en 3D
¿Qué es ArcGIS API para JavaScript?
La API de ArcGIS para JavaScript es una forma ligera de incrustar mapas y tareas en aplicaciones web. Puede obtener estos mapas de ArcGIS Online, su propio ArcGIS Server o los servidores de otros.
¿La API de ArcGIS para JavaScript es gratuita?
Todos pueden usar la API de JavaScript de ArcGIS. No se cobra ninguna tarifa por usar la API de JavaScript de ArcGIS o por implementar una aplicación creada con ella.
¿La API JavaScript de ArcGIS es de código abierto?
API de mapeo de terceros
ArcGIS Platform de Esri es una oferta de plataforma como servicio (PaaS) que permite que las siguientes API de mapeo JavaScript de código abierto de terceros aprovechen fácilmente los servicios ArcGIS REST.
¿Cómo instalo la API de JavaScript para ArcGIS Server?
Descargue e instale la API de JavaScript
Vaya a la página ArcGIS API for JavaScript. Inicie sesión con las credenciales de la cuenta global de Esri. En la sección ArcGIS Web SDK (Descargar para alojamiento local), descargue la API y la documentación.