-
Notifications
You must be signed in to change notification settings - Fork 7
Vector
Las capas de tipo Vector son la base de todas las fuentes de datos vectoriales vectoriales, de esta capa heredan todas las capas vectoriales de la API-IDEE. Contiene errores conceptuales que serán subsanados en siguientes versiones de API-IDEE
const capaVectorial = new IDEE.layer.Vector({
name: 'capaVectorial',
legend: 'Capa Vector'
});Para añadir los objetos geográficos (features) a la capa, se tienen que crear con IDEE.Feature e incluirlo a la capa utilizando el método addFeatures().
// Creamos feature
const feature= new IDEE.Feature("featurePrueba002", {
"type": "Feature",
"id": "prueba_pol_wfst.1985",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[263770.72265536943,4085361.4590256726],
[230910.00600234355,4031901.3328427672],
[288293.77947248437,4017678.0840030923],
[263770.72265536943,4085361.4590256726]
]
]
},
"geometry_name": "geometry",
"properties": {
"cod_ine_municipio": "41091",
"cod_ine_provincia": "-",
"area": 1234,
"perimetro": 345,
"cod_ine_comunidad": "-",
"nombre": "feature2",
"nom_provincia": "Cádiz",
"alias": "f2",
"nom_ccaa": "Andalucía"
}
});
// lo añadimos a la capa
capaVectorial.addFeatures([feature])Parámetros:
- name: nombre de la capa.
- legend: leyenda de la capa.
-
isBase: 'true' si se quiere definir la capa como capa base, 'false' en caso contrario.
- No disponible para la implementación de CesiumJS.
- maxExtent: Restringe la visibilidad de la capa a una extensión.
- infoEventType: Opcional Parametriza el método de activación del popup para obtener la información de una feature ('click' / 'hover'), por defecto 'click'.
-
extract: Opcional Activa la consulta por clic en el objeto geográfico, por defecto verdadero.
- Las capas Vector cuentan con métodos get y set para modificar el extract.
capa.extract = true; // activa consulta
capa.extract = false; // desactiva consulta
console.log(capa.extract); // muestra el estado de la propiedad-
template: Opcional Plantilla que se mostrará al consultar un objeto geográfico.
- Las capas Vector cuentan con métodos get y set para modificar el template.
capa.template = `<div>My custom popup</div>`; // especifica la plantilla
console.log(capa.template); // muestra el estado de la propiedad-
attribution: Atribución de la capa.
- name. Nombre de la atribución
- description. Descripción de la atribución.
- url. URL de la atribución.
- contentAttributions. Atribuciones por objetos geográficos, por defecto vacío.
- contentType. Tipo de url de “contentAttributions” (KML o GeoJSON).
-
options: Estas opciones se mandarán a la implementación de la capa.
- style. Define el estilo de la capa.
- predefinedStyles: Estilos predefinidos para la capa, aparecen en el selector de capas "LayerSwitcher" para cambiar el estilo de la capa.
- minZoom. Zoom mínimo aplicable a la capa.
- No disponible para la implementación de CesiumJS.
- maxZoom. Zoom máximo aplicable a la capa.
- No disponible para la implementación de CesiumJS.
- visibility. Define si la capa es visible o no. Verdadero por defecto.
- displayInLayerSwitcher. Indica si la capa se muestra en el selector de capas.
- opacity. Opacidad de capa, por defecto 1.
- minScale: Escala mínima.
- maxScale: Escala máxima.
- height: Define la altura del objeto geográfico. Puede ser un número o una propiedad.
- Si se define la altura será constante para todos los puntos de los objetos geográficos de la fuente de datos.
- Sólo disponible para geometrías poligonales.
- Sólo disponible para la implementación de CesiumJS.
- clampToGround: Define si el objeto geográfico se debe ajustar al suelo, por defecto falso.
- Si se indica este parámetro el parámetro height se obviará.
- Sólo disponible para la implementación de CesiumJS.
const capaVectorial = new IDEE.layer.Vector({
name: 'capaVectorial'
}, {
// aplica un estilo a la capa
style: new IDEE.style.Generic({point: {
radius: 5,
fill: {
color: 'red'
}
}}),
minZoom: 10 // zoom mínimo aplicable a la capa
});Ejemplo:
1.INICIO
1.1. Componentes de la API-IDEE
1.2. Documentación y Puntos de acceso
1.3. Primeros pasos
1.4. Diagrama API IDEE
2.1. Capas
■ 2.1.1. Fuentes
• 2.1.1.1. Capas vectoriales
+ Vector
+ WFS
+ GeoJSON
+ KML
+ MVT
+ OGCAPIFeatures
+ MBTilesVector
+ GenericVector
+ MapLibre
• 2.1.1.2. Capas ráster
+ WMS
+ WMC
+ WMTS
+ TMS
+ XYZ
+ OSM
+ MBTiles
+ GenericRaster
+ GeoTIFF
+ GeoPackageTile
• 2.1.1.3. Capas 3D
+ Terreno
+ 3DTiles
+ info 3DTiles
• 2.1.1.4. Capas rápidas
• 2.1.1.5. Grupo de capas
• 2.1.1.6. Secciones
• 2.1.1.7. GeoPackage
• 2.1.1.8. Capas externas
■ 2.1.2. Simbolización
• 2.1.2.1. Genérica
+ Puntos
+ Líneas
+ Polígonos
• 2.1.2.2. Básica
+ Puntos
+ Líneas
+ Polígonos
• 2.1.2.3. Avanzada
+ Coropletas
+ Proporcional
+ Categorías
+ Estadísticos
+ Mapas de Calor
+ Cluster
+ Línea de flujo
+ Composición
2.4. Paneles
» Creación de panel desde cero sin controles
» Tutorial Panel de un único control
5. API REST
5.1. Parametrización API-REST
5.2. Base de Datos API-REST
5.3. API REST Actions
5.4. Servicio de correos electrónicos
5.5. Capas rápidas
5.6. Parametrización API-REST plugins externos
6. PARAMETRIZACIÓN VISUALIZADORES
9. GUÍA DE DESARROLLO
> Guía para colaborar en el repositorio
> Guía para el desarrollo de API-IDEE
> Guía de test de API-IDEE
» Tutorial desarrollo del núcleo de API-IDEE - (Cliente)
> Guía de desarrollo de componentes
» Tutorial desarrollo del núcleo de API-IDEE - (Servidor)
> Guía de desarrollo de plugins
» Tutorial desarrollo de plugins ya creados
» Tutorial desarrollo de nuevos plugins
> Guía de desarrollo de visualizadores con React