Custom leafle + draw + wms

This library was generated with Angular CLI version 11.2.7.

Install

npm install --save custom-leaflet

Dependeces

npm install --save @asymmetrik/ngx-leaflet @asymmetrik/ngx-leaflet-draw leaflet-draw leaflet leaflet.markercluster leaflet.wms

Types

npm install --save @types/leaflet @types/leaflet-draw @types/leaflet.markercluster

Icons

ng add @angular/material
In app.module.ts
import {MatIconModule} from '@angular/material/icon'

---

Options

Render draw tools @default false

• withDrawTools?: true | false;

Emmit event when zoom end, @default false.

• zoomEnd?: true | false

Base maps type:Object { name: tile}.

• baseMaps?: any; @default {}

Wms Layer with options. @default null

• wmsLayer?: any;

Draw Options type:Object. @default {}

• drawOptions?: any;

Leaflet Options.

@default { edit: { featureGroup: null, }, draw: false, circle: false, rectangle: false, marker: false, circlemarker: false, }

• leafletOptions?: any;

DisabledMapEvents (click, drag, zoom from map).@default false

• disabledMapEventsEmit?: true | false;

InitRectangle, Start map with initial draw rectagle design. @default false

• initRectangle?: true | false;

Have a side bar? @default null
For floating div over map
if set; need set left or right or both distance

• sideBar?: 'left' | 'right' | 'both';

Set position left? @default null

• leftSideBar?: number;

Set position rigth? @default null

• rigthSideBar?: number;

Draw circleMarker in center point @default false

• drawCenter?: true | false;

Draw button to reset map to center point @default false

• drawCenterBackButton?: true | false;

---