@json_1013/core-geografico-isa-mapa 0.1.4-poc → 0.1.5-poc

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -1,100 +1,100 @@
1
- # @json_1013/core-geografico-isa-mapa
2
-
3
- Mapa de Core ISA (ArcGIS) listo para embeber: el backend de Core ISA describe
4
- la aplicación (mapas, capas, herramientas) y la librería la muestra igual que
5
- en Core ISA. Funciona en proyectos React (JS o TS) y sin React (Angular, Vue,
6
- JS).
7
-
8
- ## Páginas sin bundler
9
-
10
- El paquete incluye `dist-lib/navegador/`, autocontenida. Se copia entera a la página
11
- (p. ej. `ResourcesISA/core-geografico-isa-mapa/<versión>/`) y se carga con `import()`:
12
-
13
- ```js
14
- const { montarMapa } = await import(".../core-geografico-isa-mapa.js");
15
- const mapa = montarMapa("#mapViewDiv", { apiBaseUrl, clientId, urlToken });
16
- ```
17
-
18
- Guía completa: `docs/libreria-mapa.md`, sección 4b.
19
-
20
- ## Instalación
21
-
22
- ```bash
23
- npm install @json_1013/core-geografico-isa-mapa
24
- ```
25
-
26
- `@arcgis/core` se instala junto con la librería.
27
-
28
- En la entrada del proyecto (incluye el tema de ArcGIS):
29
-
30
- ```js
31
- import "@json_1013/core-geografico-isa-mapa/estilos.css";
32
- ```
33
-
34
- No hace falta Tailwind ni TypeScript.
35
-
36
- ## React
37
-
38
- ```jsx
39
- import { MapaCoreIsa } from "@json_1013/core-geografico-isa-mapa";
40
-
41
- <div style={{ height: 600 }}>
42
- <MapaCoreIsa
43
- apiBaseUrl="https://back.isa.co"
44
- clientId="<id de la aplicación>"
45
- urlToken="/api/token-mapa"
46
- modo="EMBEDDED"
47
- herramientasDeshabilitadas={["three-dimensional"]}
48
- onError={(error) => console.error(error)}
49
- />
50
- </div>;
51
- ```
52
-
53
- Requiere React 18.3+ o 19.
54
-
55
- ## Sin React
56
-
57
- ```js
58
- import { montarMapa } from "@json_1013/core-geografico-isa-mapa/standalone";
59
-
60
- const mapa = montarMapa("#mapa", {
61
- apiBaseUrl: "https://back.isa.co",
62
- clientId: "<id de la aplicación>",
63
- urlToken: "/api/token-mapa",
64
- });
65
- // mapa.actualizar({ ... }) · mapa.desmontar()
66
- ```
67
-
68
- ## Token
69
-
70
- El JWT lo emite un controlador del proyecto consumidor:
71
-
72
- - La librería llama `POST urlToken` con `{ clientId }` y espera `{ token }`.
73
- - Alternativa: `getAccessToken(clientId) => Promise<string>`.
74
-
75
- **Sin token válido el mapa no carga**: muestra "Sin acceso al mapa" y llama
76
- `onError` con un `ErrorToken`. Su `motivo` es uno de `sin-configurar`,
77
- `controlador`, `vacio` o `rechazado`.
78
-
79
- ## Más
80
-
81
- - **Proyección en el navegador:** `proyectarCoordenadas`, `SRIDS_COLOMBIA`, `ejeFueraDeRango`.
82
- - **Visor con datos propios:** `MapaView`.
83
- - **Tipos del contrato:** `CodigoHerramienta`, `ConfiguracionAplicacion`, …
84
-
85
- Guía completa (contrato del token, CORS, aislamiento de estilos, publicación):
86
- `docs/libreria-mapa.md` en el repositorio de Core ISA.
87
-
88
- ## Desarrollo de este paquete
89
-
90
- En el monorepo, el paquete también es la app demo del visor:
91
-
92
- ```bash
93
- npm run dev:mapa # demo en http://localhost:5174
94
- npm run test:mapa # pruebas
95
- npm run build:lib:mapa # build de la librería (dist-lib/)
96
- ```
97
-
98
- El demo lee `VITE_API_BASE_URL` (obligatoria) y `VITE_ARCGIS_API_KEY`
99
- (opcional) de `packages/mapa/.env`. Arquitectura y herramientas:
100
- `docs/mapas.md`.
1
+ # @json_1013/core-geografico-isa-mapa
2
+
3
+ Mapa de Core ISA (ArcGIS) listo para embeber: el backend de Core ISA describe
4
+ la aplicación (mapas, capas, herramientas) y la librería la muestra igual que
5
+ en Core ISA. Funciona en proyectos React (JS o TS) y sin React (Angular, Vue,
6
+ JS).
7
+
8
+ ## Páginas sin bundler
9
+
10
+ El paquete incluye `dist-lib/navegador/`, autocontenida. Se copia entera a la página
11
+ (p. ej. `ResourcesISA/core-geografico-isa-mapa/<versión>/`) y se carga con `import()`:
12
+
13
+ ```js
14
+ const { montarMapa } = await import(".../core-geografico-isa-mapa.js");
15
+ const mapa = montarMapa("#mapViewDiv", { apiBaseUrl, clientId, urlToken });
16
+ ```
17
+
18
+ Guía completa: `docs/libreria-mapa.md`, sección 4b.
19
+
20
+ ## Instalación
21
+
22
+ ```bash
23
+ npm install @json_1013/core-geografico-isa-mapa
24
+ ```
25
+
26
+ `@arcgis/core` se instala junto con la librería.
27
+
28
+ En la entrada del proyecto (incluye el tema de ArcGIS):
29
+
30
+ ```js
31
+ import "@json_1013/core-geografico-isa-mapa/estilos.css";
32
+ ```
33
+
34
+ No hace falta Tailwind ni TypeScript.
35
+
36
+ ## React
37
+
38
+ ```jsx
39
+ import { MapaCoreIsa } from "@json_1013/core-geografico-isa-mapa";
40
+
41
+ <div style={{ height: 600 }}>
42
+ <MapaCoreIsa
43
+ apiBaseUrl="https://back.isa.co"
44
+ clientId="<id de la aplicación>"
45
+ urlToken="/api/token-mapa"
46
+ modo="EMBEDDED"
47
+ herramientasDeshabilitadas={["three-dimensional"]}
48
+ onError={(error) => console.error(error)}
49
+ />
50
+ </div>;
51
+ ```
52
+
53
+ Requiere React 18.3+ o 19.
54
+
55
+ ## Sin React
56
+
57
+ ```js
58
+ import { montarMapa } from "@json_1013/core-geografico-isa-mapa/standalone";
59
+
60
+ const mapa = montarMapa("#mapa", {
61
+ apiBaseUrl: "https://back.isa.co",
62
+ clientId: "<id de la aplicación>",
63
+ urlToken: "/api/token-mapa",
64
+ });
65
+ // mapa.actualizar({ ... }) · mapa.desmontar()
66
+ ```
67
+
68
+ ## Token
69
+
70
+ El JWT lo emite un controlador del proyecto consumidor:
71
+
72
+ - La librería llama `POST urlToken` con `{ clientId }` y espera `{ token }`.
73
+ - Alternativa: `getAccessToken(clientId) => Promise<string>`.
74
+
75
+ **Sin token válido el mapa no carga**: muestra "Sin acceso al mapa" y llama
76
+ `onError` con un `ErrorToken`. Su `motivo` es uno de `sin-configurar`,
77
+ `controlador`, `vacio` o `rechazado`.
78
+
79
+ ## Más
80
+
81
+ - **Proyección en el navegador:** `proyectarCoordenadas`, `SRIDS_COLOMBIA`, `ejeFueraDeRango`.
82
+ - **Visor con datos propios:** `MapaView`.
83
+ - **Tipos del contrato:** `CodigoHerramienta`, `ConfiguracionAplicacion`, …
84
+
85
+ Guía completa (contrato del token, CORS, aislamiento de estilos, publicación):
86
+ `docs/libreria-mapa.md` en el repositorio de Core ISA.
87
+
88
+ ## Desarrollo de este paquete
89
+
90
+ En el monorepo, el paquete también es la app demo del visor:
91
+
92
+ ```bash
93
+ npm run dev:mapa # demo en http://localhost:5174
94
+ npm run test:mapa # pruebas
95
+ npm run build:lib:mapa # build de la librería (dist-lib/)
96
+ ```
97
+
98
+ El demo lee `VITE_API_BASE_URL` (obligatoria) y `VITE_ARCGIS_API_KEY`
99
+ (opcional) de `packages/mapa/.env`. Arquitectura y herramientas:
100
+ `docs/mapas.md`.