ng-openlayers
Declarative Angular components for OpenLayers maps, built to keep map structure in templates while preserving access to the underlying OpenLayers APIs.
The library is published as the ng-openlayers npm package, with source code on GitHub and a live demo at ng-openlayers.furtak.dev.
Project Links
Purpose
Angular applications often need map-heavy workflows: operational dashboards, asset views, field forms, analytical tools and geospatial data exploration. OpenLayers is a strong engine for those interfaces, but raw setup code can become an imperative island inside an Angular app.
ng-openlayers turns the map hierarchy into Angular component composition: map, view, layers, sources, features, styles, controls, interactions and overlays can be declared in templates and configured with typed inputs.
Capabilities
- Template-driven map, view, layer, source and style composition.
- Angular bindings for OpenLayers controls, interactions and overlays.
- Event outputs for map, view, interaction and feature workflows.
- Examples for markers, GeoJSON, WMS, ArcGIS sources, drawing, selection and measurement flows.
Portfolio Evidence
The project supports portfolio claims around Angular library design, TypeScript API ergonomics, WebGIS interfaces, reusable component architecture and public package maintenance.
Current public package line: ng-openlayers 21.1.1. The package is published on npm as ng-openlayers and the live demo is deployed on ng-openlayers.furtak.dev through GitHub Pages.
Next Steps
The demo/docs deployment has moved from kamilfurtak.github.io/ng-openlayers to ng-openlayers.furtak.dev, so package, article, demo and portfolio links share the same domain.