Accediendo a ArcGIS con la API JavaScript. Francisco Hernández/fhernandez@esri.cl

Tamaño: px

Comenzar la demostración a partir de la página:

Download "Accediendo a ArcGIS con la API JavaScript. Francisco Hernández/fhernandez@esri.cl"

Amparo Maldonado Carrizo
hace 8 años
Vistas:

1 Accediendo a ArcGIS con la API JavaScript Francisco Hernández/fhernandez@esri.cl

2 Web GIS ArcGIS for Server es la plataforma Arquitectura SOA Web Maps Rendimiento y escalabilidad Web Scenes Diseminación y Colaboración Simpliﬁcando Layers Geodatabase Modelo Geoinformación Archivos GIS Sensores Servicios y Datos Datos ú(les y de acceso simple

Colaboración Simpliﬁcando Layers Geodatabase Modelo

3 Servicios de ArcGIS for Server Map (WMS) Globos Geocodificación GeoData GeoProcesos Imagen hip://sampleserver6.arcgisonline.com/arcgis/rest

4 JavaScript API Múl(ple Plataforma JS Frameworks: Dojo, jquery, EXTJS, etc. IDE: Aptana, Notepad++, Sublime, Visual Studio, Web Storm ArcGIS API para JavaScript

5 Qué podemos hacer con la API? Mapas interac(vos U(lizar los mapas bases de ArcGIS ONLINE Consultar Ejecutar tareas (Geoprocesos) Hallar direcciones

6 Cómo se obtiene la API? <script src="hip://js.arcgis.com/3.14/"></script> h7p://

7 Construya su primer Mapa Configurar Framework Referenciar la API Referenciar CSS Crear Mapa Agregar Mapa Base

8 Consultas TIPO DE CONSULTA EJEMPLO SOLUCION Entregar información sobre un punto dado Cuál es el nombre y población de la ciudad IdenLfyTask o ImageServiceIdenLfiyTask Buscar elementos que salsfagan una consulta Cuáles son los clientes de Lpo Residencial FindTask ConverLr puntos en direcciones y viceversa Donde está Marchant Pereira 201 Locator task Resolver ruta óplma sobre una red Determinar áreas sobre una red basado en su impedancia Buscar elementos basado en valores de sus atributos y/o geometría Buscar servicios cerca de un incidente sobre una red Otro Cuál es la ruta más corta entre el punto A y punto B Cuál es la zona que rodea al Mall cuya distancia manejando es menor a 5 min. Cuáles son los Clientes en Melipilla que Lenen más de 5 reclamos Donde está la estación de bomberos más cercana a un incendio Qué elementos son interferidos por un geometría dada. RouteTask ServiceAreaTask QueryTask or FeatureLayer ClosestFacilityTask Geoprocessor task

áreas sobre una red basado en su impedancia Buscar elementos basado en valores de sus atributos y/o geometría Buscar servicios cerca de un incidente sobre una red Otro Cuál es la ruta más corta entre

9 Mostrar los resultados de una Consulta QUERY TASK QUER Y Servicios GIS Feature Set Layers Gráficos

10 Mostrar resultado FeatureLayer FEATURELAY ER QUER Y Servicios GIS Elementos en el current Extent Feature Set

11 Preparando el objeto Query QUER Y Servicios GIS TIPO DE CRITERIO ATRIBUTO ESPACIAL EJEMPLO CONDICIO N GEOMET RIA mquery.where = magnitud >= 8 and lugar like %Chile% mquery.spalalrelalonship = Query.SPATIAL_REL_CONTAINS; mquery.geometry = graficos.geometry; ELEMENTOS QUE SE OBTIENEN COLUMNAS ESPECIFICAS OBJETO GEOMETRIA EJEMPLO mquery.outfields = [ magnitud, lugar, fecha ] mquery.returngeometry = true;

SPATIAL_REL_CONTAINS; mquery.geometry = graficos.

12 Ejecutando la consulta Una vez definida la Query se u(liza QueryTask o métodos FeatureLayer Query Task Se aplica sobre servicios Tiled, dynamic, o image Se debe especificar una sola capa, use el punto REST respec(vo QueryTask (ene un método execute() y retorna un FeatureSet FeatureLayer Este (po de servicios (ene métodos propios para filtrar sin que se u(lice QueryTask setdefini(onexpression(condicion). Sólo muestra los objetos que sa(sfacen la condición queryfeatures(query). Retorna un FeatureSet selectfeatures(query). Realiza una consulta nueva o adicionando a la anterior. Es conveniente para manejar y desplegar conjuntos de elementos seleccionados

propios para filtrar sin que se u(lice QueryTask setdefini(onexpression(condicion). Sólo muestra los objetos que sa(sfacen la condición queryfeatures(query).

13 Entendiendo el FeatureSet Func(on explorandoresultado(fs){ console.log(fs.geometrytype); console.log(fs.features.length); mielemento = fs.features[0]; Geometria = mielemento.geometry; misatributos = mielemento.aiributes; for (campo in misatributos) { console.log(campo+ : + misatributos[campo]); } }

features[0]; Geometria = mielemento.geometry; misatributos = mielemento.

14 Optimizando el FeatureLayer USO setdefini(onexpression() selectfeatures() Párametro Selec(onMethod setautogeneralize() setmaxallowableoffset() Párametro mode:snapshot, ONDEMAND, SELECTION PARA Se aplica en el lado del servidor para limitar la can(dad de elementos hacia el cliente Crea y modifica selecciones en el lado cliente. Elementos son requeridos desde el Server solo cuando es necesario Se aplica una tolerancia para limitar la can(dad de vér(ces (Server) Determina cuando y como los elementos deben ser recuperados desde el Server.

elementos hacia el cliente Crea y modifica selecciones en el lado cliente.

15 Simbolización de los datos espaciales USAR SimpleRenderer UniqueValueRenderer ClassBreaksRenderer DotDensityRenderer HeatMapRenderer TemporalRenderer ScaleDependentRenderer CUANDO Se aplica el mismo símbolo para todos los elementos Se aplica un símbolo específico basados en un valor único Se aplica símbolos de diferentes tamaños o colores basados en rangos de valores de un atributo Muestra la variación de la densidad especial de un fenómeno especial discreto Convierte datos puntuales en un despliegue raster para mostrar en forma dinámica áreas de concentración Visualización de observaciones en (empo real o histórica. Aplica diferentes símbolos a una misma capa dependiendo de la escala del (empo

en rangos de valores de un atributo Muestra la variación de la densidad especial de un fenómeno especial discreto Convierte datos puntuales en un despliegue raster para

16 Propiedades de la simbolización para FeatureLayers USAR Propiedad: setcolorinfo() Propiedad: setrota(oninfo() Método: setsizeinfo() Método: setopacityinfo PARA Muestra un arreglo de valores con(nuos usando una rampa de colores Rota un símbolo para indicar la variación de la dirección (dirección del viento), esta propiedad también opera para DynamicLayers Cambia el tamaño del símbolo o ancho basado en el rango de valores de un atributo Cambia los valores ALFA usados para desplegar una capa (ALFA:0à 1) Un misma simbolización puede ser aplicada a DynamicLayer, GraphicLayer y FeatureLayer. El cómo se aplica está basado en tipo de layer

propiedad también opera para DynamicLayers Cambia el tamaño del símbolo o ancho basado en el rango de valores de un atributo Cambia los valores ALFA usados

17 Aplicando simbolización Graphic & Feature Layers // Se ejecuta en el lado del cliente migraphiclayer.setrenderer(mirender); mifeaturelayer.setrenderer(mirender); Dynamic Layers // Se ejecuta en el lado del Server var mildo = new LayerDrawingOp(ons(); mildo.renderer = mirender; midynamiclayer.setlayerdrawingop(ons([mildo]);

setrenderer(mirender); Dynamic Layers // Se ejecuta en el lado del Server var

18 GRACIA

Documentos relacionados

ArcGIS for Server 10.1. Ing. Juan Camilo Gómez E. Ing. Julián Andrés Acuña P.

ArcGIS for Server 10.1. Ing. Juan Camilo Gómez E. Ing. Julián Andrés Acuña P. ArcGIS for Server 10.1 Ing. Juan Camilo Gómez E. Ing. Julián Andrés Acuña P. Contenido 1.Introducción: - ArcGIS como plataforma - Filosofía de compartir - Que es ArcGIS for Server 10.1 - Tipo de servicios