angular-leaflet-measure/angular-leaflet-measure.metadata.json

A measure component for Angular 2+ and Leaflet.

{"__symbolic":"module","version":4,"metadata":{"MeasureModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"app-measure","template":"<div class=\"measure-container\">\n  <button (click)=\"toggleEnabled($event)\" type=\"button\" name=\"button\">\n    Afstand meten\n  </button>\n\n  <div *ngIf=\"showInfoBox()\" class=\"measure-infobox\">\n    <span (click)=\"disable()\" class=\"close-button\">\n      x\n    </span>\n    <h4 class=\"measure-infobox-title\">\n      Afstand meten\n    </h4>\n    <p>\n      Klik op de kaart om te meten.\n    </p>\n    <p *ngIf=\"distance > 0\">\n      Totale lengte: {{distanceLabel}}\n    </p>\n    <p *ngIf=\"area > 0\">\n      Oppervlakte: {{areaLabel}}\n    </p>\n  </div>\n</div>\n","styles":[".measure-container{z-index:401;position:absolute;top:10px;right:10px}h4,p{margin:0 0 5px}h4{font-size:15px}button{border:2px solid rgba(0,0,0,.2);background:#fff;padding:10px;border-radius:2px;position:relative;font-weight:700}button:hover{background:#eee;cursor:pointer}.measure-infobox{background:#fff;width:160px;margin:0 auto;z-index:500;position:absolute;top:0;right:0;padding:10px 10px 3px;border:2px solid rgba(0,0,0,.2)}.close-button{position:absolute;top:0;right:7px;font-weight:700;font-size:15px;color:#ccc}.close-button:hover{color:#111;cursor:pointer}.measure-distance-tooltip{border-radius:0!important;padding-top:2px;padding-bottom:2px}.measure-area-tooltip{font-weight:700}"]}]}],"members":{"map":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"L":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"isEnabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":35,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"toggleEnabled":[{"__symbolic":"method"}],"formatDistanceLabel":[{"__symbolic":"method"}],"formatAreaLabel":[{"__symbolic":"method"}],"enableDrawMode":[{"__symbolic":"method"}],"disableDrawMode":[{"__symbolic":"method"}],"disable":[{"__symbolic":"method"}],"showInfoBox":[{"__symbolic":"method"}],"addVertex":[{"__symbolic":"method"}],"createVertexFromLatLng":[{"__symbolic":"method"}],"drawLine":[{"__symbolic":"method"}],"createLine":[{"__symbolic":"method"}],"measureLine":[{"__symbolic":"method"}],"drawPreviewLine":[{"__symbolic":"method"}],"drawPreviewVertex":[{"__symbolic":"method"}],"drawPolygon":[{"__symbolic":"method"}],"isItAPolygon":[{"__symbolic":"method"}],"calculatePolygonArea":[{"__symbolic":"method"}],"createPolygonFromLineFeatureCollection":[{"__symbolic":"method"}],"onMouseMove":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"addListeners":[{"__symbolic":"method"}],"removeListeners":[{"__symbolic":"method"}]}}},"origins":{"MeasureModule":"./src/app/measure/measure.module","ɵa":"./src/app/measure/measure.component"},"importAs":"angular-leaflet-measure"}