Librería @biosoftcl/open-layers-module

Instalación

En producción

En ambiente de desarrollo

Clonar el repositorio de la librería

git clone [email protected]:BiosoftCL/open-layers-module.git 

Instalar las dependencias con npm

npm install 

Construir la librería a partir del código fuente

npm run build 

Crear link npm para importar desde proyecto

cd dist
npm link

Importar la librería en el proyecto deseado, ejecutando el siguiente comando en la carpeta raíz del proyecto, para generar un enlace simbólico en node_modules/@geonodo/open-layers-module

npm link @biosoftcl/open-layers-module

Implementación

Agregar el siguiente bloque JSON en archivo angular.json en el arreglo assets dentro de build/options para copiar los assets de la librería

"assets": [
   {
     "glob": "**/*",
     "input": "./node_modules/@biosoftcl/open-layers-module/src/assets/open-layers-module",
     "output": "./assets/open-layers-module"
   }
]

Agregar el siguiente bloque JSON en archivo angular.json en el arreglo assets dentro de build/options para cargar el estilo CSS de OpenLayer

"styles": [
   "node_modules/ol/ol.css"
]

Importar modulo OpenLayersModule en el módulo que lo requiere

import {OpenLayersModule} from '@biosoftcl/open-layers-module';
import {environment} from '../environments/environment';

@NgModule({
    declarations: [
        AppComponent
    ],
    imports: [
        OpenLayersModule.forRoot(environment)
    ],
    providers: [
    ],
    bootstrap: [AppComponent]
})
export class AppModule {
}

Para utilizar el componente de mapa con carga de capas, agregar el siguiente elemento en el código HTML

<ol-layers-map [layers]="layers" [services]="services"></ol-layers-map>

Para utilizar el componente de mapa sin carga de capas, agregar el siguiente elemento en el código HTML

<ol-map></ol-map>

Testing

Para testear y desarrollar el modulo OpenLayersModule, se puede utilizar el componente TestModuleComponent y se ejecuta en la ruta /test