@geosdi/ngx-leaflet-layers-plugin v1.1.4

NgxLeafletLayers

This library was generated with Angular CLI version 13.0.0.

General information

• Service to create a store of BaseLayer interface for switching on a leaflet map

Installation

npm i @geosdi/ngx-leaflet-layers-plugin --save

It depends on :

"@angular/common": ">=12.0.0",
"@angular/core": ">=12.0.0",
"typescript": ">=4.0.0",
"leaflet": ">=1.7.1",
"leaflet-bing-layer": ">=3.3.0",
"rxjs": ">= 7.0.0"

Usage

BaseLayer interface

export interface BaseLayer {
 key: string;
 label: string;
 layer: any;
 logo_src: string;
 logo_mobile_src: string;
 contrast: string;
}

Here's an example to create a list of base maps, that you can pass to Leaflet Control or a custom control, and add OpenStreeMap, as default base layer, to Map.

import { Injectable } from '@angular/core'; 

@Injectable({
 providedIn: 'root'
})
export class BootstrapService {


   constructor(private ngxLeafletLayersPluginService: NgxLeafletLayersPluginService) {
   }

  public initBaseMaps() {
   this.ngxLeafletLayersPluginService
     .withBaseLayers([BaseLayerEnum.OPEN_STREET_MAP,
     BaseLayerEnum.GOOGLE_SATELLITE, BaseLayerEnum.GOOGLE_NORMAL, BaseLayerEnum.GOOGLE_HYBRID,
     BaseLayerEnum.BING_HYBRID, BaseLayerEnum.BING_ROAD_LAYER, BaseLayerEnum.BING_AERIAL,
     BaseLayerEnum.ORTHO_MAP, BaseLayerEnum.DARK_BASE_MAP])
     .withDefaultBaseLayer(BaseLayerEnum.OPEN_STREET_MAP)
     .withMap(map)
     .build();
   }

}

Methods

Events