Skip to content

Tutorial desarrollo de nuevos plugins

IngenieroGeomatico edited this page Aug 16, 2024 · 12 revisions

! Página en desarrollo

En esta página vamos a ver paso a paso cómo crear un nuevo plugin, partiendo de tener en nuestro repositorio personal un fork de API-CNIG.

1./ Nos dirigimos a la carpeta plugins:

    cd API-CNIG/api-ign-js/src/plugins/

2./ Hacemos la instalación del paquete npm que nos ayudará a crear el plugin

    npm i api-cnig-create-plugin

3./ Lanzamos el comando para crear la estructura del plugin

    npx api-cnig-create-plugin

Este comando nos pedirá el nombre del plugin y si queremos instalar las dependencias npm útiles para el desarrollo de plugins. Para el ejemplo, usaremos el nombre «prueba» para el plugin.

4./ Nos vamos a la carpeta del plugin:

    cd ./prueba

5./ Ejecutamos el comando de instalación y levantado del servidor

    npm i
    npm start

En el caso de dar el error: SyntaxError: Unexpected token '??='. Hay que subir la versión de nodeJS a la v16.20.2

En el caso de dar algún error de Eslint o webpack, vamos a realizar los siguientes pasos:

5.1 Copiamos desde, por ejemplo, el plugin modal, el archivo package.json y lo pegamos en nuestra carpeta del plugin «prueba», modificando el nombre, versión y descripción

5.2 Copiamos desde, por ejemplo, el plugin modal, la carpeta webpack-config y lo pegamos en nuestra carpeta del plugin «prueba/webpack-config».

5.3 ejecutamos:

    npm run fix

1.INICIO
   1.1. Componentes de la API-CNIG
   1.2. Documentación y Puntos de acceso
   1.3. Primeros pasos
   1.4. Diagrama API CNIG

2. MAPA
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
     + WMTS
     + TMS
     + XYZ
     + OSM
     + MBTiles
     + GenericRaster
     + GeoTIFF
   • 2.1.1.3. Capas rápidas
   • 2.1.1.4. Grupo de capas

 ■ 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.1.3. Filtros

2.3.-Plugins

  > Creación de plugin en cliente

  » Tutorial de creación de un plugin

2.4. Paneles

  » Creación de panel desde cero sin controles

  » Tutorial Panel de un único control

  » Tutorial Panel de un único control con más de un botón

  » Tutorial Panel con más de un control

2.5. Eventos

  » Gestión de eventos
  » Gestión de eventos en controles personalizados

    2.6. Internacionalización

    2.7. Configuración

    2.8. Acceso librerías base

3. UTILIDADES

4. PROXY

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

6. PARAMETRIZACIÓN VISUALIZADORES

7. SOLUCIÓN DE PROBLEMAS

8. PROCESO DE VERSIONADO

9. GUÍA DE DESARROLLO
  > Guía para el desarrollo de API-CNIG
  » Tutorial desarrollo del núcleo de API-CNIG - (Cliente)
  > Guía de desarrollo de componentes
  » Tutorial desarrollo del núcleo de API-CNIG - (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

  > Compilación proyecto API-CNIG

Clone this wiki locally