Ejemplo básico de OpenLayers con TypeScript
import 'ol/ol.css';
import Map from 'ol/Map';
import View from 'ol/View';
import TileLayer from 'ol/layer/Tile';
import XYZ from 'ol/source/XYZ';
const TARGET_ELEMENT:string = 'map';
const map: Map = new Map({});
const osm:TileLayer = new TileLayer({
source: new XYZ({
url: 'https://{a-c}.tile.openstreetmap.org/{z}/{x}/{y}.png'
})
});
const view:View = new View({
center: [0, 0],
zoom: 2
});
map.setTarget(TARGET_ELEMENT);
map.setView(view);
map.addLayer(osm);
OpenLayers-TypeScript es un proyecto NodeJS cuyo objetivo es realizar una prueba de concepto (PoC) de una aplicación web basada en OpenLayers usando tipado fuerte con TypeScript.
- OpenLayers 6.3.0.
- TypeScript 3.8.3.
- ParcelJS 1.12.4.
Para comenzar a desarrollar sobre el proyecto, necesitará tener Node.js instalado en su entorno. Para OpenLayers-TypeScript se han utilizado las siguientes versiones:
$ node --version
v12.16.1
$ npm --version
6.13.4
Como punto de partida es necesario realizar un clonado del proyecto. Una vez disponible el código fuente, habrá que instalar las dependencias requeridas del proyecto, para lo cual bastará con ejecutar el siguiente comando:
npm install
Para realizar las pruebas pertinentes del software hay que arrancar el servidor de desarrollo de Node.js, ejecutando la siguiente instrucción:
npm start
Una vez iniciado el entorno de desarrollo, se podrá acceder al mismo mediante el navegador en la siguiente dirección:
http://127.0.0.1:9000
Si se desea realizar el despliegue, será necesario construir el software mediante el siguiente comando:
npm run build
Como resultado se creará una carpeta con el nombre dist que contiene todos los ficheros necesarios para realizar la puesta en producción.