@biosoftcl/open-layers-module v0.0.5
Librería @biosoftcl/open-layers-module
Instalación
En producción
En ambiente de desarrollo
Clonar el repositorio de la librería
git clone git@bitbucket.org: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