Bc 408/447 selecteer gebouwen (#448)

* add selecteer gebouw

dist/commonjs/services/geozoekdienst.api-service.d.ts

@@ -4,4 +4,5 @@ export declare class GeozoekdienstApiService {
     constructor(http: HttpClient);
     getGeozoekDienstObjecten(geometrie: any): Promise<any>;
     searchPerceel(coordinate: any, srsname: any): Promise<any>;
+    searchGebouw(coordinate: any, srsname: any): Promise<any>;
 }

dist/commonjs/zoneerder/components/ol-map.d.ts

@@ -16,12 +16,14 @@ export declare class OlMap extends BaseMap {
     showGrbTool: boolean;
     alignGrb?: (contour: Contour, referentielaagType: ReferentielaagEnum, openbaardomeinStrategy: StrategieEnum) => Promise<IAlignerResponse>;
     laatstGealigneerd?: string;
+    showSelectGebouw: boolean;
     initialLaatstGealigneerd: string;
     geometryObjectList: string[];
     WKTstring: string;
     protected isDrawing: boolean;
     protected isDrawingCircle: boolean;
     protected selectPerceel: boolean;
+    protected selectGebouw: boolean;
     private apiService;
     private drawLayer;
     private mapInteractions;
@@ -37,7 +39,9 @@ export declare class OlMap extends BaseMap {
     startDrawZone(type: ol.geom.GeometryType): void;
     importAdrespunten(): void;
     startPerceelSelect(): void;
+    startGebouwSelect(): void;
     drawPerceel(olFeature: ol.Feature): void;
+    drawGebouw(olFeature: ol.Feature): void;
     drawWKTzone(wkt: ol.Feature): void;
     removeGeometryObject(name: string): void;
     geoLocationClick(): void;

dist/commonjs/zoneerder/components/ol-map.html

@@ -1 +1 @@
-<template><require from="openlayers/dist/ol.css"></require><require from="./layerswitcher.css"></require><div ref="mapnode" class="map"><div class="geolocation ol-unselectable ol-control" if.bind="buttonConfig.zoomGeoLocation"><button title="Zoom naar je geolocatie" click.delegate="geoLocationClick()"></button></div><div class="zoom-switcher ol-unselectable ol-control" if.bind="buttonConfig.zoomSwitcher"><button class="zoomButton" title="Ga naar het Geoportaal" click.delegate="zoomButtonClick()"><i class="fa fa-globe"></i></button></div><div class="${isCollapsed ? 'sidebar-collapsed' : 'sidebar'}" if.bind="!disabled"><div><a class="collapse-icon" click.delegate="isCollapsed = !isCollapsed"><i class="fa fa-lg fa-list"></i></a><h4 class="collapse-title" if.bind="!isCollapsed">Zone samenstellen</h4></div><div if.bind="!isCollapsed" style="overflow-y:auto"><div class="toevoegen-aan"><h5>Toevoegen aan zone</h5><a click.delegate="!isDrawing ? startDrawZone('Polygon') : toggleDrawZone(false)"><span if.bind="!isDrawing"><i class="fa fa-pencil"></i> Teken polygoon</span> <span else><i class="fa fa-ban"></i> Annuleer tekenen</span> </a><a click.delegate="!isDrawingCircle ? startDrawZone('Circle') : toggleDrawZone(false)"><span if.bind="!isDrawingCircle"><i class="fa fa-pencil"></i> Teken cirkel</span> <span else><i class="fa fa-ban"></i> Annuleer tekenen</span> </a><a click.delegate="!selectPerceel ? startPerceelSelect() : resetSelect()"><span if.bind="!selectPerceel"><i class="fa fa-hand-pointer-o"></i> Selecteer perceel</span> <span else><i class="fa fa-ban"></i> Annuleer perceel</span> </a><a click.delegate="importAdrespunten()" if.bind="adrespunten && adrespunten.length > 0"><span><i class="fa fa-link"></i> Neem over van adrespunten</span></a><div class="row collapse"><div class="small-9 columns"><input type="text" value.bind="WKTstring" placeholder="WKT string (Lambert72)"></div><div class="small-3 columns"><button class="button tiny postfix" title="Plaats" click.delegate="drawWKTzone(WKTstring)">Plaats</button></div></div></div><div class="toegevoegde-zones" show.bind="geometryObjectList.length > 0"><h4>Toegevoegde zones</h4><ul><li repeat.for="geometryObject of geometryObjectList"><div class="small-10 columns"> ${geometryObject} </div><div class="small-2 columns"><i click.delegate="removeGeometryObject(geometryObject)" class="fa fa-trash"></i></div></li></ul></div><template if.bind="showGrbTool"><a if.bind="totalArea && totalArea <= 100000" click.delegate="showZoneVergelijkingDialog()"><span><i class="fa fa-pencil"></i> Vergelijk zone met referentielaag</span> </a><span if.bind="initialLaatstGealigneerd" class="laatst-gealigneerd-container">Laatst gealigneerd op: ${formatDate(initialLaatstGealigneerd)} </span><div class="alert-box alert" if.bind="totalArea > 100000"><p style="font-size:14px">Oppervlakte: ${totalArea}m²</p><p style="font-size:14px">De oppervlakte van het object is te groot (>100 000 m²) om de autocorrectie uit te voeren via de webbrowser. Contacteer je GIS beheerder om deze zone aan te passen.</p></div></template></div></div></div></template>
+<template><require from="openlayers/dist/ol.css"></require><require from="./layerswitcher.css"></require><div ref="mapnode" class="map"><div class="geolocation ol-unselectable ol-control" if.bind="buttonConfig.zoomGeoLocation"><button title="Zoom naar je geolocatie" click.delegate="geoLocationClick()"></button></div><div class="zoom-switcher ol-unselectable ol-control" if.bind="buttonConfig.zoomSwitcher"><button class="zoomButton" title="Ga naar het Geoportaal" click.delegate="zoomButtonClick()"><i class="fa fa-globe"></i></button></div><div class="${isCollapsed ? 'sidebar-collapsed' : 'sidebar'}" if.bind="!disabled"><div><a class="collapse-icon" click.delegate="isCollapsed = !isCollapsed"><i class="fa fa-lg fa-list"></i></a><h4 class="collapse-title" if.bind="!isCollapsed">Zone samenstellen</h4></div><div if.bind="!isCollapsed" style="overflow-y:auto"><div class="toevoegen-aan"><h5>Toevoegen aan zone</h5><a click.delegate="!isDrawing ? startDrawZone('Polygon') : toggleDrawZone(false)"><span if.bind="!isDrawing"><i class="fa fa-pencil"></i> Teken polygoon</span> <span else><i class="fa fa-ban"></i> Annuleer tekenen</span> </a><a click.delegate="!isDrawingCircle ? startDrawZone('Circle') : toggleDrawZone(false)"><span if.bind="!isDrawingCircle"><i class="fa fa-pencil"></i> Teken cirkel</span> <span else><i class="fa fa-ban"></i> Annuleer tekenen</span> </a><a click.delegate="!selectPerceel ? startPerceelSelect() : resetSelect()"><span if.bind="!selectPerceel"><i class="fa fa-hand-pointer-o"></i> Selecteer perceel</span> <span else><i class="fa fa-ban"></i> Annuleer perceel</span> </a><a if.bind="showSelectGebouw" click.delegate="!selectGebouw ? startGebouwSelect() : resetSelect()"><span if.bind="!selectGebouw"><i class="fa fa-hand-pointer-o"></i> Selecteer gebouw</span> <span else><i class="fa fa-ban"></i> Annuleer gebouw</span> </a><a click.delegate="importAdrespunten()" if.bind="adrespunten && adrespunten.length > 0"><span><i class="fa fa-link"></i> Neem over van adrespunten</span></a><div class="row collapse"><div class="small-9 columns"><input type="text" value.bind="WKTstring" placeholder="WKT string (Lambert72)"></div><div class="small-3 columns"><button class="button tiny postfix" title="Plaats" click.delegate="drawWKTzone(WKTstring)">Plaats</button></div></div></div><div class="toegevoegde-zones" show.bind="geometryObjectList.length > 0"><h4>Toegevoegde zones</h4><ul><li repeat.for="geometryObject of geometryObjectList"><div class="small-10 columns"> ${geometryObject} </div><div class="small-2 columns"><i click.delegate="removeGeometryObject(geometryObject)" class="fa fa-trash"></i></div></li></ul></div><template if.bind="showGrbTool"><a if.bind="totalArea && totalArea <= 100000" click.delegate="showZoneVergelijkingDialog()"><span><i class="fa fa-pencil"></i> Vergelijk zone met referentielaag</span> </a><span if.bind="initialLaatstGealigneerd" class="laatst-gealigneerd-container">Laatst gealigneerd op: ${formatDate(initialLaatstGealigneerd)} </span><div class="alert-box alert" if.bind="totalArea > 100000"><p style="font-size:14px">Oppervlakte: ${totalArea}m²</p><p style="font-size:14px">De oppervlakte van het object is te groot (>100 000 m²) om de autocorrectie uit te voeren via de webbrowser. Contacteer je GIS beheerder om deze zone aan te passen.</p></div></template></div></div></div></template>