angular-open-street/fesm2015/angular-open-street.js

open street map angular helper

import { ɵɵdefineInjectable, Injectable, Component, Input, NgModule } from '@angular/core';
import Map from 'ol/Map';
import View from 'ol/View';
import OSM from 'ol/source/OSM';
import { fromLonLat } from 'ol/proj';
import TileLayer from 'ol/layer/Tile';

class AngularOpenStreetService {
    constructor() { }
}
AngularOpenStreetService.ɵprov = ɵɵdefineInjectable({ factory: function AngularOpenStreetService_Factory() { return new AngularOpenStreetService(); }, token: AngularOpenStreetService, providedIn: "root" });
AngularOpenStreetService.decorators = [
    { type: Injectable, args: [{
                providedIn: 'root'
            },] }
];
AngularOpenStreetService.ctorParameters = () => [];

class AngularOpenStreetComponent {
    constructor() {
        this.height = '400px';
        this.width = '400px';
        this.defaultOptions = {
            latitude: 0,
            longitude: 0,
            zoom: 1
        };
        this.latitude = 0;
        this.longitude = 0;
    }
    ngOnInit() {
        navigator.geolocation.getCurrentPosition((data) => {
            this.latitude = data.coords.latitude;
            this.longitude = data.coords.longitude;
        }, () => {
            console.log('error');
        });
        this.map = new Map({
            target: 'map',
            layers: [
                new TileLayer({
                    source: new OSM()
                })
            ],
            view: new View({
                center: fromLonLat([this.defaultOptions.longitude, this.defaultOptions.latitude]),
                zoom: this.defaultOptions.zoom
            })
        });
    }
}
AngularOpenStreetComponent.decorators = [
    { type: Component, args: [{
                selector: 'open-street-static',
                template: "<div id=\"map\" [style]=\"{'height': height, 'width': width}\"></div>\r\n",
                styles: ["#map{height:100vh;width:100%}"]
            },] }
];
AngularOpenStreetComponent.ctorParameters = () => [];
AngularOpenStreetComponent.propDecorators = {
    height: [{ type: Input }],
    width: [{ type: Input }],
    defaultOptions: [{ type: Input }]
};

class AngularOpenStreetModule {
}
AngularOpenStreetModule.decorators = [
    { type: NgModule, args: [{
                declarations: [AngularOpenStreetComponent],
                imports: [],
                exports: [AngularOpenStreetComponent]
            },] }
];

/*
 * Public API Surface of angular-open-street
 */

/**
 * Generated bundle index. Do not edit.
 */

export { AngularOpenStreetComponent, AngularOpenStreetModule, AngularOpenStreetService };
//# sourceMappingURL=angular-open-street.js.map