2022-09-12 13:12:59 +02:00
var $jscomp = $jscomp || { } ; $jscomp . scope = { } ; $jscomp . ASSUME _ES5 = ! 1 ; $jscomp . ASSUME _NO _NATIVE _MAP = ! 1 ; $jscomp . ASSUME _NO _NATIVE _SET = ! 1 ; $jscomp . SIMPLE _FROUND _POLYFILL = ! 1 ; $jscomp . defineProperty = $jscomp . ASSUME _ES5 || "function" == typeof Object . defineProperties ? Object . defineProperty : function ( a , b , c ) { a != Array . prototype && a != Object . prototype && ( a [ b ] = c . value ) } ;
$jscomp . getGlobal = function ( a ) { a = [ "object" == typeof window && window , "object" == typeof self && self , "object" == typeof global && global , a ] ; for ( var b = 0 ; b < a . length ; ++ b ) { var c = a [ b ] ; if ( c && c . Math == Math ) return c } throw Error ( "Cannot find global object" ) ; } ; $jscomp . global = $jscomp . getGlobal ( this ) ;
2023-01-31 16:26:59 +01:00
$jscomp . polyfill = function ( a , b , c , d ) { if ( b ) { c = $jscomp . global ; a = a . split ( "." ) ; for ( d = 0 ; d < a . length - 1 ; d ++ ) { var e = a [ d ] ; e in c || ( c [ e ] = { } ) ; c = c [ e ] } a = a [ a . length - 1 ] ; d = c [ a ] ; b = b ( d ) ; b != d && null != b && $jscomp . defineProperty ( c , a , { configurable : ! 0 , writable : ! 0 , value : b } ) } } ; $jscomp . polyfill ( "Number.parseFloat" , function ( a ) { return a || parseFloat } , "es6" , "es3" ) ;
$jscomp . polyfill ( "Array.prototype.fill" , function ( a ) { return a ? a : function ( a , c , d ) { var b = this . length || 0 ; 0 > c && ( c = Math . max ( 0 , b + c ) ) ; if ( null == d || d > b ) d = b ; d = Number ( d ) ; 0 > d && ( d = Math . max ( 0 , b + d ) ) ; for ( c = Number ( c || 0 ) ; c < d ; c ++ ) this [ c ] = a ; return this } } , "es6" , "es3" ) ; $jscomp . arrayIteratorImpl = function ( a ) { var b = 0 ; return function ( ) { return b < a . length ? { done : ! 1 , value : a [ b ++ ] } : { done : ! 0 } } } ; $jscomp . arrayIterator = function ( a ) { return { next : $jscomp . arrayIteratorImpl ( a ) } } ; $jscomp . SYMBOL _PREFIX = "jscomp_symbol_" ;
$jscomp . initSymbol = function ( ) { $jscomp . initSymbol = function ( ) { } ; $jscomp . global . Symbol || ( $jscomp . global . Symbol = $jscomp . Symbol ) } ; $jscomp . SymbolClass = function ( a , b ) { this . $jscomp$symbol$id _ = a ; $jscomp . defineProperty ( this , "description" , { configurable : ! 0 , writable : ! 0 , value : b } ) } ; $jscomp . SymbolClass . prototype . toString = function ( ) { return this . $jscomp$symbol$id _ } ;
$jscomp . Symbol = function ( ) { function a ( c ) { if ( this instanceof a ) throw new TypeError ( "Symbol is not a constructor" ) ; return new $jscomp . SymbolClass ( $jscomp . SYMBOL _PREFIX + ( c || "" ) + "_" + b ++ , c ) } var b = 0 ; return a } ( ) ;
$jscomp . initSymbolIterator = function ( ) { $jscomp . initSymbol ( ) ; var a = $jscomp . global . Symbol . iterator ; a || ( a = $jscomp . global . Symbol . iterator = $jscomp . global . Symbol ( "Symbol.iterator" ) ) ; "function" != typeof Array . prototype [ a ] && $jscomp . defineProperty ( Array . prototype , a , { configurable : ! 0 , writable : ! 0 , value : function ( ) { return $jscomp . iteratorPrototype ( $jscomp . arrayIteratorImpl ( this ) ) } } ) ; $jscomp . initSymbolIterator = function ( ) { } } ;
$jscomp . initSymbolAsyncIterator = function ( ) { $jscomp . initSymbol ( ) ; var a = $jscomp . global . Symbol . asyncIterator ; a || ( a = $jscomp . global . Symbol . asyncIterator = $jscomp . global . Symbol ( "Symbol.asyncIterator" ) ) ; $jscomp . initSymbolAsyncIterator = function ( ) { } } ; $jscomp . iteratorPrototype = function ( a ) { $jscomp . initSymbolIterator ( ) ; a = { next : a } ; a [ $jscomp . global . Symbol . iterator ] = function ( ) { return this } ; return a } ;
$jscomp . iteratorFromArray = function ( a , b ) { $jscomp . initSymbolIterator ( ) ; a instanceof String && ( a += "" ) ; var c = 0 , d = { next : function ( ) { if ( c < a . length ) { var e = c ++ ; return { value : b ( e , a [ e ] ) , done : ! 1 } } d . next = function ( ) { return { done : ! 0 , value : void 0 } } ; return d . next ( ) } } ; d [ Symbol . iterator ] = function ( ) { return d } ; return d } ; $jscomp . polyfill ( "Array.prototype.values" , function ( a ) { return a ? a : function ( ) { return $jscomp . iteratorFromArray ( this , function ( a , c ) { return c } ) } } , "es8" , "es3" ) ;
$jscomp . polyfill ( "Number.parseInt" , function ( a ) { return a || parseInt } , "es6" , "es3" ) ; $jscomp . owns = function ( a , b ) { return Object . prototype . hasOwnProperty . call ( a , b ) } ; $jscomp . assign = "function" == typeof Object . assign ? Object . assign : function ( a , b ) { for ( var c = 1 ; c < arguments . length ; c ++ ) { var d = arguments [ c ] ; if ( d ) for ( var e in d ) $jscomp . owns ( d , e ) && ( a [ e ] = d [ e ] ) } return a } ; $jscomp . polyfill ( "Object.assign" , function ( a ) { return a || $jscomp . assign } , "es6" , "es3" ) ; var netgis = netgis || { } ;
netgis . Attribution = function ( ) { this . layers = this . client = null ; this . items = [ ] } ;
2022-09-12 13:12:59 +02:00
netgis . Attribution . prototype . load = function ( ) { this . root = document . createElement ( "section" ) ; this . root . className = "netgis-attribution netgis-text-primary" ; netgis . util . isDefined ( this . client . config . map ) && netgis . util . isDefined ( this . client . config . map . attribution ) && this . items . push ( this . client . config . map . attribution ) ; this . update ( ) ; this . client . root . appendChild ( this . root ) ; this . client . on ( netgis . Events . CONTEXT _UPDATE , this . onContextUpdate . bind ( this ) ) ; this . client . on ( netgis . Events . LAYER _SHOW , this . onLayerShow . bind ( this ) ) ;
this . client . on ( netgis . Events . LAYER _HIDE , this . onLayerHide . bind ( this ) ) } ; netgis . Attribution . prototype . update = function ( ) { this . root . innerHTML = "© " + this . items . join ( ", " ) } ; netgis . Attribution . prototype . onContextUpdate = function ( a ) { this . layers = [ ] ; for ( var b = 0 ; b < a . layers . length ; b ++ ) { var c = a . layers [ b ] ; c . attribution && 0 < c . attribution . length && ( this . layers [ b ] = c . attribution ) } } ;
netgis . Attribution . prototype . onLayerShow = function ( a ) { if ( a = this . layers [ a . id ] ) { for ( var b = 0 ; b < this . items . length ; b ++ ) if ( this . items [ b ] === a ) return ; this . items . push ( a ) ; this . update ( ) } } ; netgis . Attribution . prototype . onLayerHide = function ( a ) { if ( a = this . layers [ a . id ] ) { for ( var b = 0 ; b < this . items . length ; b ++ ) if ( this . items [ b ] === a ) { this . items . splice ( b , 1 ) ; break } this . update ( ) } } ; netgis = netgis || { } ;
netgis . Client = function ( a , b ) { this . build = "20220826" ; this . debug = ! 1 ; netgis . util . isString ( a ) && ( a = document . getElementById ( a ) ) ; this . container = a ; this . editable = ! 0 ; this . root = null ; this . modules = [ ] ; this . callbacks = { } ; this . config = this . createDefaultConfig ( ) ; this . create ( ) ; if ( netgis . util . isDefined ( b ) ) if ( netgis . util . isString ( b ) ) { var c = this ; netgis . util . request ( b , function ( a ) { a = JSON . parse ( a ) ; netgis . util . merge ( c . config , a ) ; c . createModules ( ) ; c . load ( ) ; c . invoke ( netgis . Events . CONTEXT _UPDATE , c . config ) ; c . hideLoader ( ) } ) } else netgis . util . merge ( this . config , b ) ,
this . createModules ( ) , this . load ( ) , this . invoke ( netgis . Events . CONTEXT _UPDATE , this . config ) , this . hideLoader ( ) ; else this . createModules ( ) , this . load ( ) , this . invoke ( netgis . Events . CONTEXT _UPDATE , this . config ) , this . hideLoader ( ) } ;
netgis . Client . prototype . createDefaultConfig = function ( ) { return { map : { projection : "EPSG:3857" , center : [ 1113194 , 6621293 ] , minZoom : 0 , maxZoom : 20 , zoom : 6 , attribution : "NetGIS" } , projections : [ ] , layers : [ { folder : 0 , type : netgis . LayerTypes . OSM , title : "Open Street Map" , attribution : "OSM Contributors" , active : ! 0 } ] , folders : [ { title : "Hintergrund" , parent : - 1 } ] , styles : { editLayer : { fill : "rgba( 255, 0, 0, 0.5 )" , stroke : "#ff0000" , strokeWidth : 3 , pointRadius : 6 } , select : { fill : "rgba( 0, 127, 255, 0.5 )" , stroke : "#007fff" , strokeWidth : 3 , pointRadius : 6 } ,
sketch : { fill : "rgba( 0, 127, 0, 0.5 )" , stroke : "#007f00" , strokeWidth : 3 , pointRadius : 6 } , modify : { fill : "rgba( 0, 127, 0, 0.5 )" , stroke : "#007f00" , strokeWidth : 3 , pointRadius : 6 } , parcel : { fill : "rgba( 127, 255, 255, 0.5 )" , stroke : "#7fffff" , strokeWidth : 3 } } } } ;
netgis . Client . prototype . create = function ( ) { this . root = document . createElement ( "section" ) ; this . root . className = "netgis-client" ; this . loader = document . createElement ( "div" ) ; this . loader . className = "netgis-loader netgis-dialog netgis-text-primary" ; this . loader . innerHTML = "<i class='fas fa-spinner'></i>" ; this . root . appendChild ( this . loader ) ; this . container . appendChild ( this . root ) } ;
2022-05-23 16:02:28 +02:00
netgis . Client . prototype . createModules = function ( ) { this . editable = ! 0 ; this . container . hasAttribute ( "contenteditable" ) && "false" === this . container . getAttribute ( "contenteditable" ) && ( this . editable = ! 1 ) ; this . container . hasAttribute ( "data-editable" ) && ( this . editable = "true" === this . container . getAttribute ( "data-editable" ) ? ! 0 : ! 1 ) ; this . add ( this . map = new netgis . MapOpenLayers ) ; this . add ( new netgis . Controls ) ; this . add ( new netgis . Attribution ) ; this . add ( new netgis . LayerTree ) ; this . add ( new netgis . Toolbar ) ; this . add ( new netgis . Menu ) ;
2022-09-12 13:12:59 +02:00
this . add ( new netgis . SearchPlace ) ; this . add ( new netgis . SearchParcel ) ; this . add ( new netgis . Modal ) } ;
netgis . Client . prototype . load = function ( ) { for ( var a = 0 ; a < this . modules . length ; a ++ ) this . modules [ a ] . load ( ) ; netgis . util . isDefined ( this . config . output ) ? netgis . util . isDefined ( this . config . output . id ) && ( this . output = document . getElementById ( this . config . output . id ) , this . output . value && 0 < this . output . value . length && ( a = JSON . parse ( this . output . value ) , this . invoke ( netgis . Events . EDIT _FEATURES _LOADED , a ) ) ) : ( this . output = document . createElement ( "input" ) , this . output . setAttribute ( "type" , "hidden" ) , this . output . className = "netgis-edit-output" ,
this . root . appendChild ( this . output ) ) ; this . invoke ( netgis . Events . SET _MODE , netgis . Modes . VIEW ) ; this . on ( netgis . Events . EXPORT _BEGIN , this . onMapExportBegin . bind ( this ) ) ; this . on ( netgis . Events . EXPORT _END , this . onMapExportEnd . bind ( this ) ) ; this . on ( netgis . Events . EDIT _FEATURES _CHANGE , this . onEditFeaturesChange . bind ( this ) ) } ; netgis . Client . prototype . add = function ( a ) { a . client = this ; this . modules . push ( a ) } ; netgis . Client . prototype . on = function ( a , b ) { netgis . util . isDefined ( this . callbacks [ a ] ) || ( this . callbacks [ a ] = [ ] ) ; this . callbacks [ a ] . push ( b ) } ;
netgis . Client . prototype . off = function ( a , b ) { if ( netgis . util . isDefined ( this . callbacks [ a ] ) ) if ( netgis . util . isDefined ( b ) ) { for ( var c = 0 ; c < this . callbacks [ a ] . length ; c ++ ) if ( this . callbacks [ a ] [ c ] === b ) { this . callbacks [ a ] . splice ( c , 1 ) ; break } 1 > this . callbacks [ a ] . length && delete this . callbacks [ a ] } else delete this . callbacks [ a ] } ; netgis . Client . prototype . invoke = function ( a , b ) { this . debug && console . info ( "EVENT:" , a , b ) ; if ( netgis . util . isDefined ( this . callbacks [ a ] ) ) for ( var c = 0 ; c < this . callbacks [ a ] . length ; c ++ ) this . callbacks [ a ] [ c ] ( b ) } ;
netgis . Client . prototype . showLoader = function ( ) { this . loader . classList . remove ( "netgis-hide" ) } ; netgis . Client . prototype . hideLoader = function ( ) { this . loader . classList . add ( "netgis-hide" ) } ; netgis . Client . prototype . onHtmlResponse = function ( a ) { this . root = netgis . util . create ( a ) ; this . container . appendChild ( this . root ) } ; netgis . Client . prototype . onEditFeaturesChange = function ( a ) { a = JSON . stringify ( a ) ; this . output . value = a } ; netgis . Client . prototype . onMapExportBegin = function ( a ) { this . showLoader ( ) } ;
netgis . Client . prototype . onMapExportEnd = function ( a ) { this . hideLoader ( ) } ; netgis = netgis || { } ; netgis . Controls = function ( ) { this . client = null } ;
2022-04-19 17:22:06 +02:00
netgis . Controls . prototype . load = function ( ) { this . root = document . createElement ( "section" ) ; this . root . className = "netgis-controls" ; var a = document . createElement ( "button" ) ; a . setAttribute ( "type" , "button" ) ; a . innerHTML = "<i class='fas fa-search-plus'></i>" ; a . title = "Hineinzoomen" ; a . addEventListener ( "click" , this . onZoomIn . bind ( this ) ) ; this . root . appendChild ( a ) ; a = document . createElement ( "button" ) ; a . setAttribute ( "type" , "button" ) ; a . innerHTML = "<i class='fas fa-search-minus'></i>" ; a . title = "Herauszoomen" ; a . addEventListener ( "click" ,
this . onZoomOut . bind ( this ) ) ; this . root . appendChild ( a ) ; this . client . root . appendChild ( this . root ) } ; netgis . Controls . prototype . onZoomIn = function ( a ) { this . client . invoke ( netgis . Events . MAP _CHANGE _ZOOM , 1 ) } ; netgis . Controls . prototype . onZoomOut = function ( a ) { this . client . invoke ( netgis . Events . MAP _CHANGE _ZOOM , - 1 ) } ; netgis . Controls . prototype . onSettings = function ( a ) { alert ( "TODO: settings dialog" ) } ; netgis = netgis || { } ;
2022-09-12 13:12:59 +02:00
netgis . Events = Object . freeze ( { CONTEXT _UPDATE : "CONTEXT_UPDATE" , SET _MODE : "SET_MODE" , LAYER _LIST _TOGGLE : "LAYER_LIST_TOGGLE" , PANEL _TOGGLE : "PANEL_TOGGLE" , PANEL _SHOW : "PANEL_SHOW" , PANEL _HIDE : "PANEL_HIDE" , LAYER _SHOW : "LAYER_SHOW" , LAYER _HIDE : "LAYER_HIDE" , LAYER _CREATED : "LAYER_CREATED" , MAP _ZOOM _WKT : "MAP_ZOOM_WKT" , MAP _SET _EXTENT : "MAP_SET_EXTENT" , MAP _CHANGE _ZOOM : "MAP_CHANGE_ZOOM" , MAP _UPDATE _STYLE : "MAP_UPDATE_STYLE" , MAP _MODE _POINTS : "MAP_MODE_POINTS" , MAP _MODE _LINES : "MAP_MODE_LINES" , MAP _MODE _POLYGONS : "MAP_MODE_POLYGONS" , EDIT _FEATURES _LOADED : "EDIT_FEATURES_LOADED" ,
2023-01-31 16:26:59 +01:00
EDIT _FEATURES _CHANGE : "EDIT_FEATURES_CHANGE" , SEARCH _PLACE _REQUEST : "SEARCH_PLACE_REQUEST" , SEARCH _PLACE _RESPONSE : "SEARCH_PLACE_RESPONSE" , PARCEL _SHOW _PREVIEW : "PARCEL_SHOW_PREVIEW" , PARCEL _HIDE _PREVIEW : "PARCEL_HIDE_PREVIEW" , BUFFER _CHANGE : "BUFFER_CHANGE" , BUFFER _ACCEPT : "BUFFER_ACCEPT" , BUFFER _CANCEL : "BUFFER_CANCEL" , DRAW _BUFFER _ON : "DRAW_BUFFER_ON" , DRAW _BUFFER _OFF : "DRAW_BUFFER_OFF" , DRAW _BUFFER _RADIUS _CHANGE : "DRAW_BUFFER_RADIUS_CHANGE" , DRAW _BUFFER _SEGMENTS _CHANGE : "DRAW_BUFFER_SEGMENTS_CHANGE" , SNAP _ON : "SNAP_ON" ,
SNAP _OFF : "SNAP_OFF" , TRACING _ON : "TRACING_ON" , TRACING _OFF : "TRACING_OFF" , IMPORT _SHAPEFILE _SHOW : "IMPORT_SHAPEFILE_SHOW" , IMPORT _GEOJSON _SHOW : "IMPORT_GEOJSON_SHOW" , IMPORT _GML _SHOW : "IMPORT_GML_SHOW" , IMPORT _SPATIALITE _SHOW : "IMPORT_SPATIALITE_SHOW" , IMPORT _GEOPACKAGE _SHOW : "IMPORT_GEOPACKAGE_SHOW" , IMPORT _SHAPEFILE : "IMPORT_SHAPEFILE" , IMPORT _GEOJSON : "IMPORT_GEOJSON" , IMPORT _GML : "IMPORT_GML" , IMPORT _WKT : "IMPORT_WKT" , IMPORT _SPATIALITE : "IMPORT_SPATIALITE" , IMPORT _GEOPACKAGE : "IMPORT_GEOPACKAGE" , EXPORT _PDF _SHOW : "EXPORT_PDF_SHOW" ,
EXPORT _JPEG _SHOW : "EXPORT_JPEG_SHOW" , EXPORT _PNG _SHOW : "EXPORT_PNG_SHOW" , EXPORT _GIF _SHOW : "EXPORT_GIF_SHOW" , EXPORT _PDF : "EXPORT_PDF" , EXPORT _JPEG : "EXPORT_JPEG" , EXPORT _PNG : "EXPORT_PNG" , EXPORT _GIF : "EXPORT_GIF" , EXPORT _BEGIN : "EXPORT_BEGIN" , EXPORT _END : "EXPORT_END" , ADD _SERVICE _SHOW : "ADD_SERVICE_SHOW" , ADD _SERVICE _WMS : "ADD_SERVICE_WMS" , ADD _SERVICE _WFS : "ADD_SERVICE_WFS" } ) ; netgis = netgis || { } ; netgis . LayerTree = function ( ) { this . folderDraw = this . folderImport = this . list = this . root = this . client = null } ;
netgis . LayerTree . prototype . load = function ( ) { this . root = document . createElement ( "section" ) ; this . root . className = "netgis-layer-list netgis-dialog netgis-shadow netgis-hide" ; this . list = document . createElement ( "ul" ) ; this . list . className = "root" ; this . root . appendChild ( this . list ) ; this . initDefaultFolders ( ) ; this . tools = document . createElement ( "div" ) ; this . tools . className = "netgis-layer-tools" ; this . tools . innerHTML = "<hr/>" ; this . root . appendChild ( this . tools ) ; this . buttonAddService = document . createElement ( "button" ) ; this . buttonAddService . className =
"netgis-text-primary netgis-hover-primary" ; this . buttonAddService . innerHTML = "<i class='fas fa-folder-plus'></i> Dienst hinzuf\u00fcgen" ; this . buttonAddService . addEventListener ( "click" , this . onAddServiceClick . bind ( this ) ) ; this . tools . appendChild ( this . buttonAddService ) ; this . client . root . appendChild ( this . root ) ; this . client . on ( netgis . Events . CONTEXT _UPDATE , this . onContextUpdate . bind ( this ) ) ; this . client . on ( netgis . Events . LAYER _LIST _TOGGLE , this . onLayerListToggle . bind ( this ) ) ; this . client . on ( netgis . Events . LAYER _CREATED ,
this . onLayerCreated . bind ( this ) ) ; this . client . on ( netgis . Events . EDIT _FEATURES _CHANGE , this . onEditFeaturesChange . bind ( this ) ) ; this . client . on ( netgis . Events . ADD _SERVICE _WMS , this . onAddServiceWMS . bind ( this ) ) ; this . client . on ( netgis . Events . ADD _SERVICE _WFS , this . onAddServiceWFS . bind ( this ) ) ; this . client . on ( netgis . Events . SET _MODE , this . onSetMode . bind ( this ) ) } ;
netgis . LayerTree . prototype . initDefaultFolders = function ( ) { this . folderDraw = this . createFolder ( "Zeichnung" ) ; this . folderDraw . classList . add ( "netgis-hide" ) ; this . list . appendChild ( this . folderDraw ) ; this . folderImport = this . createFolder ( "Importierte Ebenen" ) ; this . folderImport . classList . add ( "netgis-hide" ) ; this . list . appendChild ( this . folderImport ) ; this . folderServices = this . createFolder ( "Eigene Dienste" ) ; this . folderServices . classList . add ( "netgis-hide" ) ; this . list . appendChild ( this . folderServices ) } ;
netgis . LayerTree . prototype . clearAll = function ( ) { this . list . innerHTML = "" ; this . initDefaultFolders ( ) } ;
2022-04-19 17:22:06 +02:00
netgis . LayerTree . prototype . createFolder = function ( a ) { var b = document . createElement ( "li" ) ; b . className = "netgis-folder netgis-hover-light" ; b . setAttribute ( "title" , a ) ; var c = document . createElement ( "label" ) ; c . className = "netgis-icon" ; b . appendChild ( c ) ; var d = document . createElement ( "input" ) ; d . setAttribute ( "type" , "checkbox" ) ; d . addEventListener ( "change" , this . onFolderChange . bind ( this ) ) ; c . appendChild ( d ) ; c = document . createElement ( "button" ) ; c . setAttribute ( "type" , "button" ) ; c . className = "netgis-clip-text netgis-hover-text-primary" ;
c . innerHTML = '<i class="fas fa-folder-open"></i>' + a ; c . addEventListener ( "click" , this . onFolderClick . bind ( this ) ) ; b . appendChild ( c ) ; a = document . createElement ( "ul" ) ; b . appendChild ( a ) ; return b } ;
2022-04-04 12:27:45 +02:00
netgis . LayerTree . prototype . createLayer = function ( a , b , c ) { var d = document . createElement ( "li" ) ; d . setAttribute ( "title" , b ) ; d . className = "netgis-folder-item netgis-hover-text-primary" ; var e = document . createElement ( "label" ) ; e . className = "netgis-label netgis-clip-text" ; d . appendChild ( e ) ; var f = document . createElement ( "span" ) ; f . className = "netgis-icon" ; e . appendChild ( f ) ; var g = document . createElement ( "input" ) ; g . setAttribute ( "type" , "checkbox" ) ; g . dataset . id = a ; g . checked = c ; g . addEventListener ( "change" , this . onItemChange . bind ( this ) ) ;
2023-01-31 16:26:59 +01:00
f . appendChild ( g ) ; a = document . createElement ( "i" ) ; a . className = "fas fa-th-large" ; e . appendChild ( a ) ; b = document . createTextNode ( b ) ; e . appendChild ( b ) ; b = document . createElement ( "span" ) ; e . appendChild ( b ) ; return d } ; netgis . LayerTree . prototype . addToFolder = function ( a , b , c ) { a ? ( a = a . getElementsByTagName ( "ul" ) [ 0 ] , a . appendChild ( b ) ) : a = this . list ; c ? a . insertBefore ( b , a . firstChild ) : a . appendChild ( b ) } ; netgis . LayerTree . prototype . onFolderClick = function ( a ) { a . currentTarget . parentElement . classList . toggle ( "netgis-active" ) } ;
2022-04-04 12:27:45 +02:00
netgis . LayerTree . prototype . onFolderChange = function ( a ) { var b = a . currentTarget ; a = b . checked ; b = b . parentElement . parentElement ; for ( var c = b . getElementsByTagName ( "input" ) , d = 1 ; d < c . length ; d ++ ) { var e = c [ d ] ; e . checked = a ; e = e . dataset . id ; netgis . util . isDefined ( e ) && ( e = parseInt ( e ) , this . client . invoke ( a ? netgis . Events . LAYER _SHOW : netgis . Events . LAYER _HIDE , { id : e } ) ) } this . updateFolderChecks ( b ) ; a = b . parentElement . parentElement ; - 1 !== a . className . search ( "netgis-folder" ) && this . updateFolderChecks ( a ) } ;
netgis . LayerTree . prototype . updateFolderChecks = function ( a ) { netgis . util . isDefined ( a ) || ( a = this . list ) ; for ( var b = a . getElementsByClassName ( "netgis-folder-item" ) , c = 0 , d = 0 ; d < b . length ; d ++ ) { var e = b [ d ] . getElementsByTagName ( "input" ) [ 0 ] ; e . checked && c ++ } e = a . getElementsByTagName ( "input" ) [ 0 ] ; d = 0 ; 0 < c && ( d = 1 ) ; c === b . length && ( d = 2 ) ; switch ( d ) { case 0 : e . checked = ! 1 ; e . classList . remove ( "netgis-partial" ) ; break ; case 1 : e . checked = ! 0 ; e . classList . add ( "netgis-partial" ) ; break ; case 2 : e . checked = ! 0 , e . classList . remove ( "netgis-partial" ) } ( a =
a . parentElement ) && a !== this . list && ( a = a . parentElement ) && - 1 !== a . className . search ( "netgis-folder" ) && this . updateFolderChecks ( a ) } ;
netgis . LayerTree . prototype . onItemChange = function ( a ) { var b = a . currentTarget ; a = b . checked ; var c = b . parentElement . parentElement . parentElement ; b = parseInt ( b . dataset . id ) ; c = c . parentElement . parentElement ; for ( var d = c . getElementsByTagName ( "input" ) , e = 0 , f = 1 ; f < d . length ; f ++ ) d [ f ] . checked && e ++ ; - 1 !== c . className . search ( "netgis-folder" ) && this . updateFolderChecks ( c ) ; this . client . invoke ( a ? netgis . Events . LAYER _SHOW : netgis . Events . LAYER _HIDE , { id : b } ) } ; netgis . LayerTree . prototype . onLayerListToggle = function ( a ) { this . root . classList . toggle ( "netgis-hide" ) } ;
2022-09-12 13:12:59 +02:00
netgis . LayerTree . prototype . onContextUpdate = function ( a ) { this . clearAll ( ) ; var b = a . folders ; a = a . layers ; for ( var c = [ ] , d = 0 ; d < b . length ; d ++ ) { var e = b [ d ] , f = this . createFolder ( e . title ) ; c . push ( f ) } for ( d = 0 ; d < a . length ; d ++ ) e = a [ d ] , f = this . createLayer ( d , e . title , e . active ) , this . addToFolder ( c [ e . folder ] , f ) ; for ( d = 0 ; d < b . length ; d ++ ) e = b [ d ] , f = c [ d ] , - 1 === e . parent ? this . list . appendChild ( f ) : this . addToFolder ( c [ e . parent ] , f ) ; for ( d = 0 ; d < a . length ; d ++ ) e = a [ d ] , e . active && this . client . invoke ( netgis . Events . LAYER _SHOW , { id : d } ) ; for ( d = 0 ; d < c . length ; d ++ ) this . updateFolderChecks ( c [ d ] ) } ;
2023-01-31 16:26:59 +01:00
netgis . LayerTree . prototype . onLayerCreated = function ( a ) { var b = this . createLayer ( a . id , a . title , a . checked ) ; if ( "import" === a . folder ) { this . folderImport . classList . remove ( "netgis-hide" ) ; var c = this . folderImport } else "draw" === a . folder && ( this . folderDraw . classList . remove ( "netgis-hide" ) , c = this . folderDraw ) ; this . addToFolder ( c , b , ! 0 ) ; this . updateFolderChecks ( c ) } ;
netgis . LayerTree . prototype . onEditFeaturesChange = function ( a ) { if ( this . folderDraw ) { var b = this . folderDraw . getElementsByTagName ( "ul" ) [ 0 ] , c = b . getElementsByTagName ( "input" ) [ 0 ] , d = parseInt ( c . dataset . id ) ; c . checked || ( c . checked = ! 0 , this . updateFolderChecks ( this . folderDraw ) , this . client . invoke ( netgis . Events . LAYER _SHOW , { id : d } ) ) ; b = b . getElementsByTagName ( "label" ) [ 0 ] . getElementsByTagName ( "span" ) ; b [ b . length - 1 ] . innerText = a . area && 0 < a . area ? " (Fl\u00e4che: " + netgis . util . formatArea ( a . area , ! 0 ) + ")" : "" } } ;
netgis . LayerTree . prototype . onAddServiceWMS = function ( a ) { var b = this . createLayer ( a . id , a . title , ! 0 ) ; this . folderServices . classList . remove ( "netgis-hide" ) ; this . addToFolder ( this . folderServices , b , ! 0 ) ; this . updateFolderChecks ( this . folderServices ) ; this . client . invoke ( netgis . Events . LAYER _SHOW , { id : a . id } ) } ;
netgis . LayerTree . prototype . onAddServiceWFS = function ( a ) { var b = this . createLayer ( a . id , a . title , ! 0 ) ; this . folderServices . classList . remove ( "netgis-hide" ) ; this . addToFolder ( this . folderServices , b , ! 0 ) ; this . updateFolderChecks ( this . folderServices ) ; this . client . invoke ( netgis . Events . LAYER _SHOW , { id : a . id } ) } ; netgis . LayerTree . prototype . onSetMode = function ( a ) { a === netgis . Modes . SEARCH _PARCEL && this . root . classList . add ( "netgis-hide" ) } ;
netgis . LayerTree . prototype . onAddServiceClick = function ( a ) { this . client . invoke ( netgis . Events . ADD _SERVICE _SHOW , null ) } ; netgis = netgis || { } ; netgis . LayerTypes = Object . freeze ( { XYZ : "XYZ" , OSM : "OSM" , WMS : "WMS" , WFS : "WFS" , KML : "KML" } ) ; netgis = netgis || { } ; netgis . Map = function ( ) { this . attribution = this . root = this . client = null } ; netgis . Map . prototype . load = function ( ) { this . root = document . createElement ( "section" ) ; this . root . className = "netgis-map" ; this . client . root . appendChild ( this . root ) } ; netgis = netgis || { } ; netgis . MapOpenLayers = function ( ) { netgis . Map . call ( this ) ; this . mode = null ; this . toolbars = { } ; this . map = this . view = null ; this . layers = [ ] ; this . interactions = { } ; this . sketch = this . selected = this . hover = this . parcelLayer = this . editLayer = this . snapFeatures = this . snap = null ; this . editEventsSilent = ! 1 ; this . importLayerID = 2E4 ; this . editLayerID = 3E4 ; this . labelFont = "4mm Verdana, sans-serif" ; this . drawBufferRadius = 100 ; this . drawBufferSegments = 3 } ; netgis . MapOpenLayers . prototype = Object . create ( netgis . Map . prototype ) ;
netgis . MapOpenLayers . prototype . constructor = netgis . MapOpenLayers ;
2022-04-04 12:27:45 +02:00
netgis . MapOpenLayers . prototype . load = function ( ) { netgis . Map . prototype . load . call ( this ) ; this . dropTarget = document . createElement ( "div" ) ; this . dropTarget . className = "netgis-drop-target netgis-hide" ; this . dropTarget . innerHTML = "Datei hier ablegen!" ; this . root . appendChild ( this . dropTarget ) ; this . root . addEventListener ( "dragenter" , this . onDragEnter . bind ( this ) ) ; this . root . addEventListener ( "dragover" , this . onDragEnter . bind ( this ) ) ; this . root . addEventListener ( "dragend" , this . onDragLeave . bind ( this ) ) ; this . root . addEventListener ( "dragleave" ,
2023-01-31 16:26:59 +01:00
this . onDragLeave . bind ( this ) ) ; this . root . addEventListener ( "drop" , this . onDragDrop . bind ( this ) ) ; this . initMap ( ) ; this . initDefaultLayers ( ) ; this . initInteractions ( ) ; this . client . on ( netgis . Events . CONTEXT _UPDATE , this . onContextUpdate . bind ( this ) ) ; this . client . on ( netgis . Events . MAP _UPDATE _STYLE , this . onUpdateStyle . bind ( this ) ) ; this . client . on ( netgis . Events . EDIT _FEATURES _LOADED , this . onEditFeaturesLoaded . bind ( this ) ) ; this . client . on ( netgis . Events . SET _MODE , this . onSetMode . bind ( this ) ) ; this . client . on ( netgis . Events . SNAP _ON , this . onSnapOn . bind ( this ) ) ;
this . client . on ( netgis . Events . SNAP _OFF , this . onSnapOff . bind ( this ) ) ; this . client . on ( netgis . Events . TRACING _ON , this . onTracingOn . bind ( this ) ) ; this . client . on ( netgis . Events . TRACING _OFF , this . onTracingOff . bind ( this ) ) ; this . client . on ( netgis . Events . LAYER _SHOW , this . onLayerShow . bind ( this ) ) ; this . client . on ( netgis . Events . LAYER _HIDE , this . onLayerHide . bind ( this ) ) ; this . client . on ( netgis . Events . MAP _ZOOM _WKT , this . onZoomWKT . bind ( this ) ) ; this . client . on ( netgis . Events . MAP _SET _EXTENT , this . onSetExtent . bind ( this ) ) ; this . client . on ( netgis . Events . MAP _CHANGE _ZOOM ,
this . onChangeZoom . bind ( this ) ) ; this . client . on ( netgis . Events . BUFFER _CHANGE , this . onBufferChange . bind ( this ) ) ; this . client . on ( netgis . Events . BUFFER _ACCEPT , this . onBufferAccept . bind ( this ) ) ; this . client . on ( netgis . Events . BUFFER _CANCEL , this . onBufferCancel . bind ( this ) ) ; this . client . on ( netgis . Events . IMPORT _GEOJSON , this . onImportGeoJSON . bind ( this ) ) ; this . client . on ( netgis . Events . IMPORT _GML , this . onImportGML . bind ( this ) ) ; this . client . on ( netgis . Events . IMPORT _SHAPEFILE , this . onImportShapefile . bind ( this ) ) ; this . client . on ( netgis . Events . IMPORT _WKT ,
this . onImportWKT . bind ( this ) ) ; this . client . on ( netgis . Events . IMPORT _SPATIALITE , this . onImportSpatialite . bind ( this ) ) ; this . client . on ( netgis . Events . IMPORT _GEOPACKAGE , this . onImportGeopackage . bind ( this ) ) ; this . client . on ( netgis . Events . EXPORT _PDF , this . onExportPDF . bind ( this ) ) ; this . client . on ( netgis . Events . EXPORT _JPEG , this . onExportJPEG . bind ( this ) ) ; this . client . on ( netgis . Events . EXPORT _PNG , this . onExportPNG . bind ( this ) ) ; this . client . on ( netgis . Events . EXPORT _GIF , this . onExportGIF . bind ( this ) ) ; this . client . on ( netgis . Events . PARCEL _SHOW _PREVIEW ,
this . onParcelShowPreview . bind ( this ) ) ; this . client . on ( netgis . Events . PARCEL _HIDE _PREVIEW , this . onParcelHidePreview . bind ( this ) ) ; this . client . on ( netgis . Events . ADD _SERVICE _WMS , this . onAddServiceWMS . bind ( this ) ) ; this . client . on ( netgis . Events . ADD _SERVICE _WFS , this . onAddServiceWFS . bind ( this ) ) ; this . client . on ( netgis . Events . DRAW _BUFFER _ON , this . onDrawBufferOn . bind ( this ) ) ; this . client . on ( netgis . Events . DRAW _BUFFER _OFF , this . onDrawBufferOff . bind ( this ) ) ; this . client . on ( netgis . Events . DRAW _BUFFER _RADIUS _CHANGE , this . onDrawBufferRadiusChange . bind ( this ) ) ;
this . client . on ( netgis . Events . DRAW _BUFFER _SEGMENTS _CHANGE , this . onDrawBufferSegmentsChange . bind ( this ) ) } ;
netgis . MapOpenLayers . prototype . initMap = function ( ) { var a = this . client . config ; "undefined" !== typeof proj4 && ( proj4 . defs ( a . projections ) , proj4 . defs ( "urn:ogc:def:crs:OGC:1.3:CRS84" , proj4 . defs ( "EPSG:4326" ) ) , ol . proj . proj4 . register ( proj4 ) ) ; this . view = new ol . View ( { projection : a . map . projection , center : a . map . center , minZoom : a . map . minZoom , maxZoom : a . map . maxZoom , zoom : a . map . zoom } ) ; this . map = new ol . Map ( { target : this . root , view : this . view , pixelRatio : 1 , moveTolerance : 5 , controls : [ ] } ) ; this . map . on ( "pointermove" , this . onPointerMove . bind ( this ) ) ;
2022-09-12 13:12:59 +02:00
this . map . on ( "click" , this . onSingleClick . bind ( this ) ) ; this . map . on ( "movestart" , this . onMoveStart . bind ( this ) ) ; this . map . on ( "moveend" , this . onMoveEnd . bind ( this ) ) ; this . view . on ( "change:resolution" , this . onChangeResolution . bind ( this ) ) } ;
2023-01-31 16:26:59 +01:00
netgis . MapOpenLayers . prototype . initDefaultLayers = function ( ) { this . editLayer = new ol . layer . Vector ( { source : new ol . source . Vector ( { features : [ ] } ) , style : this . styleEdit . bind ( this ) , zIndex : this . editLayerID } ) ; this . map . addLayer ( this . editLayer ) ; this . previewLayer = new ol . layer . Vector ( { source : new ol . source . Vector ( { features : [ ] } ) , style : this . styleSketch . bind ( this ) , zIndex : this . editLayerID + 10 } ) ; this . map . addLayer ( this . previewLayer ) ; this . parcelLayer = new ol . layer . Vector ( { source : new ol . source . Vector ( { features : [ ] } ) , style : this . styleParcel . bind ( this ) ,
zIndex : this . editLayerID + 20 } ) ; this . map . addLayer ( this . parcelLayer ) ; this . editEventsOn ( ) } ; netgis . MapOpenLayers . prototype . editEventsOn = function ( ) { this . editLayer . getSource ( ) . on ( "addfeature" , this . onEditLayerAdd . bind ( this ) ) ; this . editLayer . getSource ( ) . on ( "removefeature" , this . onEditLayerRemove . bind ( this ) ) } ; netgis . MapOpenLayers . prototype . editEventsOff = function ( ) { } ;
netgis . MapOpenLayers . prototype . initInteractions = function ( ) { this . interactions [ netgis . Modes . VIEW ] = [ new ol . interaction . DragPan , new ol . interaction . MouseWheelZoom ] ; this . interactions [ netgis . Modes . PANNING ] = this . interactions [ netgis . Modes . VIEW ] ; this . interactions [ netgis . Modes . ZOOMING _IN ] = this . interactions [ netgis . Modes . VIEW ] ; this . interactions [ netgis . Modes . ZOOMING _OUT ] = this . interactions [ netgis . Modes . VIEW ] ; this . interactions [ netgis . Modes . DRAW _POINTS ] = [ new ol . interaction . Draw ( { type : "Point" , source : this . editLayer . getSource ( ) ,
style : this . styleSketch . bind ( this ) } ) , new ol . interaction . DragPan , new ol . interaction . MouseWheelZoom ] ; this . interactions [ netgis . Modes . DRAW _POINTS ] [ 0 ] . on ( "drawend" , this . onDrawPointsEnd . bind ( this ) ) ; this . interactions [ netgis . Modes . DRAW _LINES ] = [ new ol . interaction . Draw ( { type : "LineString" , source : this . editLayer . getSource ( ) , style : this . styleSketch . bind ( this ) } ) , new ol . interaction . DragPan , new ol . interaction . MouseWheelZoom ] ; this . interactions [ netgis . Modes . DRAW _LINES ] [ 0 ] . on ( "drawend" , this . onDrawLinesEnd . bind ( this ) ) ;
this . interactions [ netgis . Modes . DRAW _POLYGONS ] = [ new ol . interaction . Draw ( { type : "Polygon" , source : this . editLayer . getSource ( ) , style : this . styleSketch . bind ( this ) } ) , new ol . interaction . DragPan , new ol . interaction . MouseWheelZoom ] ; this . interactions [ netgis . Modes . CUT _FEATURE _BEGIN ] = [ new ol . interaction . DragPan , new ol . interaction . MouseWheelZoom ] ; this . interactions [ netgis . Modes . CUT _FEATURE _DRAW ] = [ new ol . interaction . Draw ( { type : "Polygon" , style : this . styleSketch . bind ( this ) } ) , new ol . interaction . DragPan , new ol . interaction . MouseWheelZoom ] ;
this . interactions [ netgis . Modes . CUT _FEATURE _DRAW ] [ 0 ] . on ( "drawend" , this . onCutFeatureDrawEnd . bind ( this ) ) ; this . interactions [ netgis . Modes . MODIFY _FEATURES ] = [ new ol . interaction . Modify ( { source : this . editLayer . getSource ( ) , deleteCondition : ol . events . condition . doubleClick , style : this . styleModify . bind ( this ) } ) , new ol . interaction . MouseWheelZoom ] ; this . interactions [ netgis . Modes . MODIFY _FEATURES ] [ 0 ] . on ( "modifyend" , this . onModifyFeaturesEnd . bind ( this ) ) ; this . interactions [ netgis . Modes . DELETE _FEATURES ] = [ new ol . interaction . DragPan ,
new ol . interaction . MouseWheelZoom ] ; this . interactions [ netgis . Modes . BUFFER _FEATURE _BEGIN ] = [ new ol . interaction . DragPan , new ol . interaction . MouseWheelZoom ] ; this . interactions [ netgis . Modes . BUFFER _FEATURE _EDIT ] = [ new ol . interaction . DragPan , new ol . interaction . MouseWheelZoom ] ; this . snapFeatures = new ol . Collection ; this . interactions [ netgis . Modes . SEARCH _PLACE ] = [ new ol . interaction . DragPan , new ol . interaction . MouseWheelZoom ] ; this . interactions [ netgis . Modes . SEARCH _PARCEL ] = this . interactions [ netgis . Modes . VIEW ] } ;
netgis . MapOpenLayers . prototype . createLayer = function ( a ) { var b = null ; switch ( a . type ) { case netgis . LayerTypes . XYZ : b = this . createLayerXYZ ( a . url ) ; break ; case netgis . LayerTypes . OSM : b = this . createLayerOSM ( ) ; break ; case netgis . LayerTypes . WMS : b = this . createLayerWMS ( a . url , a . name , a . format , a . username , a . password ) ; break ; case netgis . LayerTypes . WFS : b = this . createLayerWFS ( a . url , a . name , this . client . config . map . projection , a . outputFormat ) } b && ( a . minZoom && b . setMinZoom ( Number . parseFloat ( a . minZoom ) - 1 ) , a . maxZoom && b . setMaxZoom ( Number . parseFloat ( a . maxZoom ) ) ) ;
return b } ; netgis . MapOpenLayers . prototype . createLayerXYZ = function ( a ) { return new ol . layer . Tile ( { source : new ol . source . XYZ ( { url : a , crossOrigin : "anonymous" } ) } ) } ; netgis . MapOpenLayers . prototype . createLayerOSM = function ( ) { return new ol . layer . Tile ( { source : new ol . source . XYZ ( { url : "https://{a-c}.tile.openstreetmap.de/{z}/{x}/{y}.png" , crossOrigin : "anonymous" } ) } ) } ;
netgis . MapOpenLayers . prototype . createLayerWMS = function ( a , b , c , d , e ) { a = { url : a , params : { LAYERS : b , FORMAT : c ? c : "image/png" , TRANSPARENT : "true" , VERSION : "1.1.1" } , serverType : "mapserver" , crossOrigin : "anonymous" , hidpi : ! 1 } ; d && e && ( a . imageLoadFunction = function ( a , b ) { var c = new XMLHttpRequest ; c . open ( "GET" , b ) ; c . setRequestHeader ( "Authorization" , "Basic " + window . btoa ( d + ":" + e ) ) ; c . onload = function ( ) { a . getImage ( ) . src = b } ; c . send ( ) } ) ; a = new ol . source . ImageWMS ( a ) ; return new ol . layer . Image ( { source : a , opacity : 1 } ) } ;
netgis . MapOpenLayers . prototype . createLayerWFS = function ( a , b , c , d ) { a += "service=WFS&version=1.1.0&request=GetFeature" ; d = d ? netgis . util . replace ( d , " " , "+" ) : "application/json" ; var e = new ol . source . Vector ( { format : new ol . format . GeoJSON , strategy : ol . loadingstrategy . bbox , url : function ( e ) { return a + "&typename=" + b + "&srsname=" + c + "&bbox=" + e . join ( "," ) + "," + c + "&outputFormat=" + d } } ) , f = new ol . layer . Vector ( { source : e } ) , g = this ; e . on ( "featuresloadstart" , function ( a ) { g . removeSnapLayer ( f ) } ) ; e . on ( "featuresloadend" , function ( a ) { window . setTimeout ( function ( ) { g . addSnapLayer ( f ) } ,
10 ) } ) ; return f } ; netgis . MapOpenLayers . prototype . clearAll = function ( ) { for ( var a = 0 ; a < this . layers . length ; a ++ ) this . map . removeLayer ( this . layers [ a ] ) ; this . layers = [ ] ; this . snapFeatures . clear ( ) } ; netgis . MapOpenLayers . prototype . onUpdateStyle = function ( a ) { a = new ol . style . Style ( { fill : new ol . style . Fill ( { color : a . polygon . fill } ) , stroke : new ol . style . Stroke ( { color : a . polygon . stroke , width : a . polygon . strokeWidth } ) } ) ; this . editLayer . setStyle ( a ) } ;
netgis . MapOpenLayers . prototype . styleEdit = function ( a ) { var b = this . client . config . styles . editLayer . pointRadius ; a = a . getGeometry ( ) ; b = new ol . style . Style ( { image : new ol . style . Circle ( { radius : b , fill : new ol . style . Fill ( { color : this . client . config . styles . editLayer . stroke } ) } ) , fill : new ol . style . Fill ( { color : this . client . config . styles . editLayer . fill } ) , stroke : new ol . style . Stroke ( { color : this . client . config . styles . editLayer . stroke , width : this . client . config . styles . editLayer . strokeWidth } ) } ) ; a instanceof ol . geom . Polygon && ( a =
a . getArea ( ) , b . setText ( new ol . style . Text ( { text : [ netgis . util . formatArea ( a , ! 0 ) , "4mm sans-serif" ] , font : this . labelFont , fill : new ol . style . Fill ( { color : this . client . config . styles . editLayer . stroke } ) , backgroundFill : new ol . style . Fill ( { color : "rgba( 255, 255, 255, 0.5 )" } ) , padding : [ 2 , 4 , 2 , 4 ] } ) ) ) ; return b } ;
netgis . MapOpenLayers . prototype . styleSelect = function ( a ) { var b = a . getGeometry ( ) ; a = new ol . style . Style ( { image : new ol . style . Circle ( { radius : this . client . config . styles . select . pointRadius , fill : new ol . style . Fill ( { color : this . client . config . styles . select . stroke } ) } ) , fill : new ol . style . Fill ( { color : this . client . config . styles . select . fill } ) , stroke : new ol . style . Stroke ( { color : this . client . config . styles . select . stroke , width : this . client . config . styles . select . strokeWidth } ) } ) ; b instanceof ol . geom . Polygon && ( b = b . getArea ( ) , a . setText ( new ol . style . Text ( { text : [ netgis . util . formatArea ( b ,
! 0 ) , "4mm sans-serif" ] , font : this . labelFont , fill : new ol . style . Fill ( { color : this . client . config . styles . select . stroke } ) , backgroundFill : new ol . style . Fill ( { color : "rgba( 255, 255, 255, 0.5 )" } ) , padding : [ 2 , 4 , 2 , 4 ] } ) ) ) ; return a } ;
2022-05-23 16:02:28 +02:00
netgis . MapOpenLayers . prototype . styleModify = function ( a ) { var b = new ol . style . Style ( { image : new ol . style . Circle ( { radius : this . client . config . styles . modify . pointRadius , fill : new ol . style . Fill ( { color : this . client . config . styles . modify . stroke } ) } ) , fill : new ol . style . Fill ( { color : this . client . config . styles . modify . fill } ) , stroke : new ol . style . Stroke ( { color : this . client . config . styles . modify . stroke , width : this . client . config . styles . modify . strokeWidth } ) } ) ; a = new ol . style . Style ( { image : new ol . style . Circle ( { radius : this . client . config . styles . modify . pointRadius ,
fill : new ol . style . Fill ( { color : this . client . config . styles . modify . stroke } ) } ) , geometry : this . getGeometryPoints ( a ) } ) ; return [ b , a ] } ;
2023-01-31 16:26:59 +01:00
netgis . MapOpenLayers . prototype . styleSketch = function ( a ) { var b = a . getGeometry ( ) , c = new ol . style . Style ( { image : new ol . style . Circle ( { radius : this . client . config . styles . sketch . pointRadius , fill : new ol . style . Fill ( { color : this . client . config . styles . sketch . stroke } ) } ) , fill : new ol . style . Fill ( { color : this . client . config . styles . sketch . fill } ) , stroke : new ol . style . Stroke ( { color : this . client . config . styles . sketch . stroke , width : this . client . config . styles . sketch . strokeWidth } ) } ) ; b instanceof ol . geom . Polygon && ( b = b . getArea ( ) , c . setText ( new ol . style . Text ( { text : [ netgis . util . formatArea ( b ,
! 0 ) , "4mm sans-serif" ] , font : this . labelFont , fill : new ol . style . Fill ( { color : this . client . config . styles . sketch . stroke } ) , backgroundFill : new ol . style . Fill ( { color : "rgba( 255, 255, 255, 0.5 )" } ) , padding : [ 2 , 4 , 2 , 4 ] } ) ) ) ; a = new ol . style . Style ( { image : new ol . style . Circle ( { radius : this . client . config . styles . sketch . pointRadius , fill : new ol . style . Fill ( { color : this . client . config . styles . sketch . stroke } ) } ) , geometry : this . getGeometryPoints ( a ) } ) ; return [ c , a ] } ;
netgis . MapOpenLayers . prototype . styleParcel = function ( ) { return new ol . style . Style ( { fill : new ol . style . Fill ( { color : this . client . config . styles . parcel . fill } ) , stroke : new ol . style . Stroke ( { color : this . client . config . styles . parcel . stroke , width : this . client . config . styles . parcel . strokeWidth } ) } ) } ;
2022-04-04 12:27:45 +02:00
netgis . MapOpenLayers . prototype . getGeometryPoints = function ( a ) { var b = a . getGeometry ( ) ; if ( b instanceof ol . geom . LineString ) return new ol . geom . MultiPoint ( b . getCoordinates ( ) ) ; if ( b instanceof ol . geom . Polygon ) { a = [ ] ; b = b . getCoordinates ( ) ; for ( var c = 0 ; c < b . length ; c ++ ) for ( var d = b [ c ] , e = 0 ; e < d . length ; e ++ ) a . push ( d [ e ] ) ; return new ol . geom . MultiPoint ( a ) } if ( b instanceof ol . geom . MultiPolygon ) { a = [ ] ; for ( var f = b . getPolygons ( ) , g = 0 ; g < f . length ; g ++ ) for ( b = f [ g ] . getCoordinates ( ) , c = 0 ; c < b . length ; c ++ ) for ( d = b [ c ] , e = 0 ; e < d . length ; e ++ ) a . push ( d [ e ] ) ;
return new ol . geom . MultiPoint ( a ) } if ( b instanceof ol . geom . MultiLineString ) { a = [ ] ; f = b . getPolygons ( ) ; for ( g = 0 ; g < f . length ; g ++ ) for ( b = f [ g ] . getCoordinates ( ) , c = 0 ; c < b . length ; c ++ ) for ( d = b [ c ] , e = 0 ; e < d . length ; e ++ ) a . push ( d [ e ] ) ; return new ol . geom . MultiPoint ( a ) } return b } ; netgis . MapOpenLayers . prototype . getActiveVectorLayers = function ( ) { for ( var a = [ ] , b = this . map . getLayers ( ) . getArray ( ) , c = this . layers , d = 0 ; d < c . length ; d ++ ) { var e = c [ d ] ; e instanceof ol . layer . Vector && - 1 < b . indexOf ( e ) && a . push ( e ) } return a } ;
2023-01-31 16:26:59 +01:00
netgis . MapOpenLayers . prototype . setMode = function ( a ) { switch ( this . mode ) { case netgis . Modes . BUFFER _FEATURE _EDIT : this . onBufferCancel ( null ) ; break ; case netgis . Modes . DRAW _POINTS : case netgis . Modes . DRAW _LINES : this . onDrawBufferOff ( null ) } this . map . getInteractions ( ) . clear ( ) ; var b = this . interactions [ a ] ; if ( b ) for ( var c = 0 ; c < b . length ; c ++ ) this . map . addInteraction ( b [ c ] ) ; this . snap && ( a === netgis . Modes . DRAW _POINTS || a === netgis . Modes . DRAW _LINES || a === netgis . Modes . DRAW _POLYGONS ) && this . map . addInteraction ( this . snap ) ; switch ( a ) { default : this . editLayer . setStyle ( this . styleEdit . bind ( this ) ) ;
break ; case netgis . Modes . MODIFY _FEATURES : this . editLayer . setStyle ( this . styleModify . bind ( this ) ) } this . mode && this . root . classList . remove ( this . getModeClassName ( this . mode ) ) ; a && this . root . classList . add ( this . getModeClassName ( a ) ) ; this . mode = a } ; netgis . MapOpenLayers . prototype . getModeClassName = function ( a ) { a = a . toLowerCase ( ) ; a = netgis . util . replace ( a , "_" , "-" ) ; return "netgis-mode-" + a } ;
netgis . MapOpenLayers . prototype . setSnapOn = function ( ) { this . snap = new ol . interaction . Snap ( { features : this . snapFeatures } ) ; this . map . addInteraction ( this . snap ) ; this . snapFeatures . changed ( ) } ; netgis . MapOpenLayers . prototype . setSnapOff = function ( ) { this . snap && ( this . map . removeInteraction ( this . snap ) , this . snap = null ) } ;
netgis . MapOpenLayers . prototype . setTracingOn = function ( ) { var a = new ol . source . Vector ( { features : this . snapFeatures } ) ; this . tracing = new ol . interaction . Draw ( { type : "Polygon" , source : this . editLayer . getSource ( ) , style : this . styleSketch . bind ( this ) , trace : ! 0 , traceSource : a } ) ; a = this . interactions [ netgis . Modes . DRAW _POLYGONS ] ; a [ 0 ] . setActive ( ! 1 ) ; a . push ( this . tracing ) ; this . setMode ( this . mode ) } ;
netgis . MapOpenLayers . prototype . setTracingOff = function ( ) { var a = this . interactions [ netgis . Modes . DRAW _POLYGONS ] ; a [ 0 ] . setActive ( ! 0 ) ; a . splice ( a . indexOf ( this . tracing ) , 1 ) ; this . setMode ( this . mode ) } ; netgis . MapOpenLayers . prototype . addSnapLayer = function ( a ) { a = a . getSource ( ) . getFeatures ( ) ; for ( var b = 0 ; b < a . length ; b ++ ) this . snapFeatures . push ( a [ b ] ) } ; netgis . MapOpenLayers . prototype . removeSnapLayer = function ( a ) { a = a . getSource ( ) . getFeatures ( ) ; for ( var b = 0 ; b < a . length ; b ++ ) this . snapFeatures . remove ( a [ b ] ) } ;
netgis . MapOpenLayers . prototype . onSnapOn = function ( a ) { this . setSnapOn ( ) } ; netgis . MapOpenLayers . prototype . onSnapOff = function ( a ) { this . setSnapOff ( ) } ; netgis . MapOpenLayers . prototype . onTracingOn = function ( a ) { this . setTracingOn ( ) } ; netgis . MapOpenLayers . prototype . onTracingOff = function ( a ) { this . setTracingOff ( ) } ; netgis . MapOpenLayers . prototype . onLayerShow = function ( a ) { if ( a = this . layers [ a . id ] ) this . map . addLayer ( a ) , a instanceof ol . layer . Vector && this . addSnapLayer ( a ) } ;
netgis . MapOpenLayers . prototype . onLayerHide = function ( a ) { if ( a = this . layers [ a . id ] ) this . map . removeLayer ( a ) , a instanceof ol . layer . Vector && this . removeSnapLayer ( a ) } ;
2022-09-12 13:12:59 +02:00
netgis . MapOpenLayers . prototype . onContextUpdate = function ( a ) { this . clearAll ( ) ; var b = a . bbox ; if ( b ) { if ( netgis . util . isDefined ( this . client . config . map ) && netgis . util . isDefined ( this . client . config . map . projection ) ) { var c = ol . proj . fromLonLat ( [ b [ 0 ] , b [ 1 ] ] , this . client . config . map . projection ) ; var d = ol . proj . fromLonLat ( [ b [ 2 ] , b [ 3 ] ] , this . client . config . map . projection ) } else c = ol . proj . fromLonLat ( [ b [ 0 ] , b [ 1 ] ] ) , d = ol . proj . fromLonLat ( [ b [ 2 ] , b [ 3 ] ] ) ; b [ 0 ] = c [ 0 ] ; b [ 1 ] = c [ 1 ] ; b [ 2 ] = d [ 0 ] ; b [ 3 ] = d [ 1 ] ; this . view . fit ( b ) } for ( b = 0 ; b < a . layers . length ; b ++ ) if ( c =
2023-01-31 16:26:59 +01:00
this . createLayer ( a . layers [ b ] ) ) c . setZIndex ( a . layers . length - b ) , this . layers [ b ] = c } ; netgis . MapOpenLayers . prototype . onAddServiceWMS = function ( a ) { var b = this . createLayerWMS ( a . url , a . name , a . format ) ; b . setZIndex ( a . id ) ; this . layers [ a . id ] = b } ; netgis . MapOpenLayers . prototype . onAddServiceWFS = function ( a ) { var b = this . createLayerWFS ( a . url , a . name , this . client . config . map . projection , a . format ) ; b . setZIndex ( a . id ) ; this . layers [ a . id ] = b } ; netgis . MapOpenLayers . prototype . onSetMode = function ( a ) { this . setMode ( a ) } ;
netgis . MapOpenLayers . prototype . onSetExtent = function ( a ) { var b = ol . proj . fromLonLat ( [ a . minx , a . miny ] , this . client . config . map . projection ) ; a = ol . proj . fromLonLat ( [ a . maxx , a . maxy ] , this . client . config . map . projection ) ; this . view . fit ( [ b [ 0 ] , b [ 1 ] , a [ 0 ] , a [ 1 ] ] ) } ; netgis . MapOpenLayers . prototype . onChangeZoom = function ( a ) { this . view . animate ( { zoom : this . view . getZoom ( ) + a , duration : 200 } ) } ; netgis . MapOpenLayers . prototype . onZoomWKT = function ( a ) { a = ( new ol . format . WKT ) . readGeometry ( a ) ; this . view . fit ( a , { duration : 300 , padding : [ 40 , 40 , 40 , 40 ] } ) } ;
netgis . MapOpenLayers . prototype . onPointerMove = function ( a ) { a = a . pixel ; var b = this . hover , c = this . styleSelect . bind ( this ) ; b && ( b . setStyle ( this . styleEdit . bind ( this ) ) , b = null ) ; var d = this ; switch ( this . mode ) { case netgis . Modes . DELETE _FEATURES : this . map . forEachFeatureAtPixel ( a , function ( a , f ) { f === d . editLayer && ( b = a , a . setStyle ( c ) ) ; return ! 0 } ) ; break ; case netgis . Modes . CUT _FEATURE _BEGIN : this . map . forEachFeatureAtPixel ( a , function ( a , f ) { f === d . editLayer && ( b = a , a . setStyle ( c ) ) ; return ! 0 } ) ; break ; case netgis . Modes . BUFFER _FEATURE _BEGIN : this . map . forEachFeatureAtPixel ( a ,
function ( a , f ) { f === d . editLayer && ( b = a , a . setStyle ( c ) ) ; return ! 0 } ) ; break ; case netgis . Modes . DRAW _POINTS : case netgis . Modes . DRAW _LINES : this . updateDrawBufferPreview ( ) } this . hover = b } ;
2022-04-04 12:27:45 +02:00
netgis . MapOpenLayers . prototype . onSingleClick = function ( a ) { switch ( this . mode ) { case netgis . Modes . DELETE _FEATURES : this . hover && ( this . editLayer . getSource ( ) . removeFeature ( this . hover ) , this . hover = null ) ; break ; case netgis . Modes . CUT _FEATURE _BEGIN : this . hover && ( this . selected = this . hover , this . client . invoke ( netgis . Events . SET _MODE , netgis . Modes . CUT _FEATURE _DRAW ) ) ; break ; case netgis . Modes . BUFFER _FEATURE _BEGIN : this . hover && ( this . selected = this . hover , this . client . invoke ( netgis . Events . SET _MODE , netgis . Modes . BUFFER _FEATURE _EDIT ) ) } } ;
2022-05-23 16:02:28 +02:00
netgis . MapOpenLayers . prototype . onMoveStart = function ( a ) { } ; netgis . MapOpenLayers . prototype . onMoveEnd = function ( a ) { } ; netgis . MapOpenLayers . prototype . onChangeResolution = function ( a ) { } ;
2023-01-31 16:26:59 +01:00
netgis . MapOpenLayers . prototype . onCutFeatureDrawEnd = function ( a ) { var b = a . feature ; if ( a = this . selected ) { var c = new jsts . io . OL3Parser , d = c . read ( a . getGeometry ( ) ) ; b = c . read ( b . getGeometry ( ) ) ; d = d . difference ( b ) ; c = c . write ( d ) ; c = new ol . Feature ( { geometry : c } ) ; d = this . editLayer . getSource ( ) ; d . removeFeature ( a ) ; d . addFeature ( c ) ; this . selected = c } this . editEventsSilent = ! 0 ; this . splitMultiPolygons ( this . editLayer ) ; this . editEventsSilent = ! 1 ; this . updateEditOutput ( ) } ;
netgis . MapOpenLayers . prototype . onModifyFeaturesEnd = function ( a ) { this . updateEditOutput ( ) ; this . updateEditArea ( ) } ; netgis . MapOpenLayers . prototype . createBufferFeature = function ( a , b , c ) { a = this . createBufferGeometry ( a , b , c ) ; return new ol . Feature ( { geometry : a } ) } ; netgis . MapOpenLayers . prototype . createBufferGeometry = function ( a , b , c ) { var d = new jsts . io . OL3Parser ; a = d . read ( a ) . buffer ( b , c ) ; return d . write ( a ) } ;
netgis . MapOpenLayers . prototype . onBufferChange = function ( a ) { var b = this . editLayer . getSource ( ) , c = this . selected ; this . sketch && b . removeFeature ( this . sketch ) ; c && ( a = this . createBufferFeature ( c . getGeometry ( ) , a . radius , a . segments ) , b . addFeature ( a ) , this . sketch = a ) } ; netgis . MapOpenLayers . prototype . onBufferAccept = function ( a ) { this . selected && this . sketch && this . editLayer . getSource ( ) . removeFeature ( this . selected ) ; this . selected = this . sketch = null } ;
netgis . MapOpenLayers . prototype . onBufferCancel = function ( a ) { this . sketch && ( this . editLayer . getSource ( ) . removeFeature ( this . sketch ) , this . sketch = null ) ; this . selected = null } ; netgis . MapOpenLayers . prototype . onDrawPointsEnd = function ( a ) { ( a = this . previewLayer . getSource ( ) . getFeatures ( ) [ 0 ] ) && this . editLayer . getSource ( ) . addFeature ( a . clone ( ) ) } ; netgis . MapOpenLayers . prototype . onDrawLinesEnd = function ( a ) { ( a = this . previewLayer . getSource ( ) . getFeatures ( ) [ 0 ] ) && this . editLayer . getSource ( ) . addFeature ( a . clone ( ) ) } ;
netgis . MapOpenLayers . prototype . onDrawBufferOn = function ( a ) { a = this . createBufferFeature ( new ol . geom . Point ( this . client . config . map . center ) , this . drawBufferRadius , this . drawBufferSegments ) ; this . previewLayer . getSource ( ) . addFeature ( a ) } ; netgis . MapOpenLayers . prototype . onDrawBufferOff = function ( a ) { this . previewLayer . getSource ( ) . clear ( ) } ; netgis . MapOpenLayers . prototype . onDrawBufferRadiusChange = function ( a ) { this . drawBufferRadius = a ; this . updateDrawBufferPreview ( ) } ;
netgis . MapOpenLayers . prototype . onDrawBufferSegmentsChange = function ( a ) { this . drawBufferSegments = a ; this . updateDrawBufferPreview ( ) } ; netgis . MapOpenLayers . prototype . updateDrawBufferPreview = function ( ) { var a = this . interactions [ this . mode ] [ 0 ] . getOverlay ( ) . getSource ( ) . getFeatures ( ) ; if ( ! ( 1 > a . length ) ) { var b = this . previewLayer . getSource ( ) . getFeatures ( ) [ 0 ] ; b && ( a = a [ 0 ] . getGeometry ( ) , a = this . createBufferGeometry ( a , this . drawBufferRadius , this . drawBufferSegments ) , b . setGeometry ( a ) ) } } ;
netgis . MapOpenLayers . prototype . onEditLayerAdd = function ( a ) { this . updateEditLayerItem ( ) ; this . updateEditOutput ( ) ; this . snapFeatures . push ( a . feature ) } ; netgis . MapOpenLayers . prototype . onEditLayerRemove = function ( a ) { this . updateEditOutput ( ) ; this . snapFeatures . remove ( a . feature ) } ; netgis . MapOpenLayers . prototype . onEditLayerChange = function ( a ) { this . updateEditOutput ( ) } ;
netgis . MapOpenLayers . prototype . updateEditOutput = function ( ) { var a = this . editLayer . getSource ( ) . getFeatures ( ) , b = this . client . config . map . projection , c = ( new ol . format . GeoJSON ) . writeFeaturesObject ( a , { dataProjection : b , featureProjection : b } ) ; c . crs = { type : "name" , properties : { name : "urn:ogc:def:crs:" + b . replace ( ":" , "::" ) } } ; for ( var d = b = 0 ; d < a . length ; d ++ ) { var e = a [ d ] . getGeometry ( ) ; e instanceof ol . geom . Polygon && ( b += e . getArea ( ) ) } c . area = b ; this . editEventsSilent || this . client . invoke ( netgis . Events . EDIT _FEATURES _CHANGE , c ) } ;
netgis . MapOpenLayers . prototype . updateEditLayerItem = function ( ) { var a = this . editLayerID ; this . layers [ a ] || ( this . layers [ a ] = this . editLayer , this . client . invoke ( netgis . Events . LAYER _CREATED , { id : a , title : "Zeichnung" , checked : ! 0 , folder : "draw" } ) ) } ; netgis . MapOpenLayers . prototype . updateEditArea = function ( ) { } ; netgis . MapOpenLayers . prototype . onEditFeaturesLoaded = function ( a ) { var b = this ; window . setTimeout ( function ( ) { b . createLayerGeoJSON ( "Import" , a ) } , 10 ) } ;
netgis . MapOpenLayers . prototype . onDragEnter = function ( a ) { a . preventDefault ( ) ; this . dropTarget . classList . remove ( "netgis-hide" ) ; return ! 1 } ; netgis . MapOpenLayers . prototype . onDragLeave = function ( a ) { this . dropTarget . classList . add ( "netgis-hide" ) ; return ! 1 } ;
2022-04-04 12:27:45 +02:00
netgis . MapOpenLayers . prototype . onDragDrop = function ( a ) { console . info ( "Drag Drop" ) ; this . dropTarget . classList . add ( "netgis-hide" ) ; a . preventDefault ( ) ; a = a . dataTransfer . files [ 0 ] ; var b = new FileReader ; b . onload = this . onDragLoad . bind ( this ) ; console . log ( "File:" , a ) ; b . readAsArrayBuffer ( a ) ; return ! 1 } ; netgis . MapOpenLayers . prototype . onDragLoad = function ( a ) { console . log ( "On Load:" , a . target ) ; this . loadShape ( a . target . result ) } ; netgis . MapOpenLayers . prototype . loadShape = function ( a ) { var b = this ; shp ( a ) . then ( function ( a ) { b . onShapeLoad ( a ) } ) } ;
netgis . MapOpenLayers . prototype . onShapeLoad = function ( a ) { console . info ( "Shapefile To Geojson:" , a ) ; a = ( new ol . format . GeoJSON ( { dataProjection : "EPSG:4326" , featureProjection : "EPSG:3857" } ) ) . readFeatures ( a ) ; this . importLayer . getSource ( ) . addFeatures ( a ) ; this . view . fit ( this . importLayer . getSource ( ) . getExtent ( ) , { } ) } ; netgis . MapOpenLayers . prototype . onImportGeoJSON = function ( a ) { var b = a . name , c = this , d = new FileReader ; d . onload = function ( a ) { c . createLayerGeoJSON ( b , a . target . result ) } ; d . readAsText ( a ) } ;
netgis . MapOpenLayers . prototype . onImportGML = function ( a ) { var b = a . name , c = this , d = new FileReader ; d . onload = function ( a ) { c . createLayerGML ( b , a . target . result ) } ; d . readAsText ( a ) } ; netgis . MapOpenLayers . prototype . onImportShapefile = function ( a ) { var b = a . name , c = this , d = new FileReader ; d . onload = function ( a ) { c . createLayerShapefile ( b , a . target . result ) } ; d . readAsArrayBuffer ( a ) } ;
2023-01-31 16:26:59 +01:00
netgis . MapOpenLayers . prototype . onImportSpatialite = function ( a ) { var b = a . name , c = this , d = new FileReader ; d . onload = function ( a ) { c . createLayerSpatialite ( b , a . target . result ) } ; d . readAsArrayBuffer ( a ) } ; netgis . MapOpenLayers . prototype . onImportGeopackage = function ( a ) { var b = a . name , c = this , d = new FileReader ; d . onload = function ( a ) { c . createLayerGeopackage ( b , a . target . result ) } ; d . readAsArrayBuffer ( a ) } ;
netgis . MapOpenLayers . prototype . createLayerGeoJSON = function ( a , b ) { var c = new ol . format . GeoJSON ; a = c . readProjection ( b ) ; b = c . readFeatures ( b , { featureProjection : this . client . config . map . projection } ) ; a = a . getCode ( ) ; switch ( a ) { case "EPSG:3857" : case "EPSG:4326" : case this . client . config . map . projection : break ; default : console . warn ( "Unsupported Import Projection:" , a ) } this . addImportedFeatures ( b ) } ;
netgis . MapOpenLayers . prototype . createLayerGML = function ( a , b ) { console . warn ( "GML support is experimental!" ) ; a = [ ] ; b = ( new DOMParser ) . parseFromString ( b , "text/xml" ) . getElementsByTagName ( "gml:featureMember" ) ; for ( var c = 0 ; c < b . length ; c ++ ) { for ( var d = { } , e = b [ c ] . children [ 0 ] , f = 0 ; f < e . attributes . length ; f ++ ) { var g = e . attributes [ f ] ; d [ g . nodeName ] = g . nodeValue } for ( f = 0 ; f < e . children . length ; f ++ ) if ( g = e . children [ f ] , "ogr:geometryProperty" !== g . nodeName ) { var h = g . nodeName . split ( ":" ) ; d [ h [ h . length - 1 ] ] = g . innerHTML } e = e . getElementsByTagName ( "ogr:geometryProperty" ) [ 0 ] . children [ 0 ] ;
( f = e . getAttribute ( "srsName" ) ) && "EPSG:4326" !== f && f !== this . client . config . map . projection && console . warn ( "Unsupported Import Projection:" , f ) ; switch ( e . nodeName ) { case "gml:Polygon" : d . geometry = this . gmlParsePolygon ( e , f ) ; break ; case "gml:MultiPolygon" : d . geometry = this . gmlParseMultiPolygon ( e , f ) } d = new ol . Feature ( d ) ; a . push ( d ) } this . addImportedFeatures ( a ) } ;
netgis . MapOpenLayers . prototype . gmlParsePolygon = function ( a , b ) { var c = [ ] ; a = a . getElementsByTagName ( "gml:LinearRing" ) ; for ( var d = 0 ; d < a . length ; d ++ ) { var e = a [ d ] . getElementsByTagName ( "gml:coordinates" ) [ 0 ] . innerHTML ; c . push ( this . gmlParseCoordinates ( e , b ) ) } return new ol . geom . Polygon ( c ) } ;
netgis . MapOpenLayers . prototype . gmlParseMultiPolygon = function ( a , b ) { var c = [ ] ; a = a . getElementsByTagName ( "gml:polygonMember" ) ; for ( var d = 0 ; d < a . length ; d ++ ) { var e = a [ d ] . getElementsByTagName ( "gml:Polygon" ) [ 0 ] ; c . push ( this . gmlParsePolygon ( e , b ) ) } return new ol . geom . MultiPolygon ( c ) } ; netgis . MapOpenLayers . prototype . gmlParseCoordinates = function ( a , b ) { a = a . split ( " " ) ; for ( var c = 0 ; c < a . length ; c ++ ) { a [ c ] = a [ c ] . split ( "," ) ; for ( var d = 0 ; d < a [ c ] . length ; d ++ ) a [ c ] [ d ] = Number . parseFloat ( a [ c ] [ d ] ) ; b && ( a [ c ] = ol . proj . transform ( a [ c ] , b , this . client . config . map . projection ) ) } return a } ;
netgis . MapOpenLayers . prototype . createLayerShapefile = function ( a , b ) { var c = this ; shp ( b ) . then ( function ( a ) { var b = new ol . format . GeoJSON ; b . readProjection ( a ) ; a = b . readFeatures ( a , { featureProjection : c . client . config . map . projection } ) ; c . addImportedFeatures ( a ) } ) } ;
netgis . MapOpenLayers . prototype . createLayerSpatialite = function ( a , b ) { var c = this ; window . initSqlJs ( ) . then ( function ( a ) { var d = [ ] , f = new Uint8Array ( b ) ; a = new a . Database ( f ) ; var g = a . exec ( "SELECT name FROM sqlite_schema WHERE type = 'table' \n\t\t\t\t\tAND name NOT LIKE 'sqlite_%' \n\t\t\t\t\tAND name NOT LIKE 'sql_%' \n\t\t\t\t\tAND name NOT LIKE 'idx_%' \n\t\t\t\t\tAND name NOT LIKE 'spatial_ref_sys%' \n\t\t\t\t\tAND name NOT LIKE 'spatialite_%' \n\t\t\t\t\tAND name NOT LIKE 'geometry_columns%' \n\t\t\t\t\tAND name NOT LIKE 'views_%' \n\t\t\t\t\tAND name NOT LIKE 'virts_%' \n\t\t\t\t\tAND name NOT LIKE 'SpatialIndex' \n\t\t\t\t\tAND name NOT LIKE 'ElementaryGeometries' \n\t\t\t\t;" ) ; f =
g [ 0 ] . values ; for ( var h = 0 ; h < f . length ; h ++ ) { g = a . exec ( "SELECT * FROM " + f [ h ] [ 0 ] ) ; var k = g [ 0 ] ; g = null ; for ( var l = 0 ; l < k . columns . length ; l ++ ) { if ( "geometry" === k . columns [ l ] . toLowerCase ( ) ) { g = l ; break } if ( "geom" === k . columns [ l ] . toLowerCase ( ) ) { g = l ; break } } k = k . values ; for ( l = 0 ; l < k . length ; l ++ ) { var m = k [ l ] [ g ] , n = new Uint8Array ( m . length - 43 - 1 + 5 ) ; n [ 0 ] = m [ 1 ] ; n [ 1 ] = m [ 39 ] ; n [ 2 ] = m [ 40 ] ; n [ 3 ] = m [ 41 ] ; n [ 4 ] = m [ 42 ] ; for ( var p = m . length - 43 - 1 , q = 0 ; q < p ; q ++ ) n [ 5 + q ] = m [ 43 + q ] ; m = ( new ol . format . WKB ) . readGeometry ( n , { featureProjection : c . client . config . map . projection } ) ;
d . push ( new ol . Feature ( { geometry : m } ) ) } } c . addImportedFeatures ( d ) } ) } ;
netgis . MapOpenLayers . prototype . createLayerGeopackage = function ( a , b ) { var c = this ; a = new Uint8Array ( b ) ; window . GeoPackage . setSqljsWasmLocateFile ( function ( a ) { return c . client . config . import . geopackageLibURL + a } ) ; window . GeoPackage . GeoPackageAPI . open ( a ) . then ( function ( a ) { for ( var b = [ ] , d = new ol . format . GeoJSON , g = a . getFeatureTables ( ) , h = 0 ; h < g . length ; h ++ ) for ( var k = a . queryForGeoJSONFeaturesInTable ( g [ h ] ) , l = 0 ; l < k . length ; l ++ ) { var m = d . readGeometry ( k [ l ] . geometry , { featureProjection : c . client . config . map . projection } ) ; m = new ol . Feature ( { geometry : m } ) ;
b . push ( m ) } c . addImportedFeatures ( b ) } ) } ; netgis . MapOpenLayers . prototype . addImportedFeatures = function ( a ) { this . editEventsSilent = ! 0 ; this . editLayer . getSource ( ) . addFeatures ( a ) ; this . editEventsSilent = ! 1 ; this . updateEditOutput ( ) ; if ( 0 < a . length ) { for ( var b = a [ 0 ] . getGeometry ( ) . getExtent ( ) , c = 1 ; c < a . length ; c ++ ) ol . extent . extend ( b , a [ c ] . getGeometry ( ) . getExtent ( ) ) ; this . view . fit ( b , { duration : 300 , padding : [ 40 , 40 , 40 , 40 ] } ) } } ;
2022-09-12 13:12:59 +02:00
netgis . MapOpenLayers . prototype . onImportWKT = function ( a ) { a = ( new ol . format . WKT ) . readGeometry ( a ) ; a = new ol . Feature ( { geometry : a } ) ; this . addImportedFeatures ( [ a ] ) } ; netgis . MapOpenLayers . prototype . onExportPDF = function ( a ) { this . exportImage ( "pdf" , a . resx , a . resy , a . mode , a . margin ) } ; netgis . MapOpenLayers . prototype . onExportJPEG = function ( a ) { this . exportImage ( "jpeg" , a . resx , a . resy ) } ; netgis . MapOpenLayers . prototype . onExportPNG = function ( a ) { this . exportImage ( "png" , a . resx , a . resy ) } ;
netgis . MapOpenLayers . prototype . onExportGIF = function ( a ) { this . exportImage ( "gif" , a . resx , a . resy ) } ; netgis . MapOpenLayers . prototype . onParcelShowPreview = function ( a ) { a = ( new ol . format . WKT ) . readGeometry ( a . geom ) ; a = new ol . Feature ( { geometry : a } ) ; this . parcelLayer . getSource ( ) . clear ( ) ; this . parcelLayer . getSource ( ) . addFeature ( a ) } ; netgis . MapOpenLayers . prototype . onParcelHidePreview = function ( a ) { this . parcelLayer . getSource ( ) . clear ( ) } ; netgis . MapOpenLayers . prototype . getWidth = function ( ) { return this . map . getSize ( ) [ 0 ] } ;
2022-05-12 13:22:46 +02:00
netgis . MapOpenLayers . prototype . getHeight = function ( ) { return this . map . getSize ( ) [ 1 ] } ;
2022-09-12 13:12:59 +02:00
netgis . MapOpenLayers . prototype . exportImage = function ( a , b , c , d , e ) { this . client . invoke ( netgis . Events . EXPORT _BEGIN , null ) ; var f = this , g = this . root , h = this . map , k = this . client . config , l = new Image ; l . onload = function ( ) { var m = document . createElement ( "div" ) ; m . style . position = "fixed" ; m . style . top = "0px" ; m . style . left = "0px" ; m . style . width = b + "px" ; m . style . height = c + "px" ; m . style . background = "white" ; m . style . zIndex = - 1 ; m . style . opacity = 0 ; m . style . pointerEvents = "none" ; g . appendChild ( m ) ; h . setTarget ( m ) ; h . once ( "rendercomplete" , function ( ) { var n =
2023-01-31 16:26:59 +01:00
document . createElement ( "canvas" ) ; n . width = b ; n . height = c ; var p = n . getContext ( "2d" ) ; p . webkitImageSmoothingEnabled = ! 1 ; p . mozImageSmoothingEnabled = ! 1 ; p . imageSmoothingEnabled = ! 1 ; Array . prototype . forEach . call ( document . querySelectorAll ( ".ol-layer canvas" ) , function ( a ) { if ( 0 < a . width ) { var b = a . parentNode . style . opacity ; p . globalAlpha = "" === b ? 1 : Number ( b ) ; b = a . style . transform . match ( /^matrix\(([^\(]*)\)$/ ) [ 1 ] . split ( "," ) . map ( Number ) ; CanvasRenderingContext2D . prototype . setTransform . apply ( p , b ) ; p . drawImage ( a , 0 , 0 ) } } ) ; p . drawImage ( l ,
0 , 0 ) ; p . fillStyle = "#fff" ; p . fillRect ( 0 , n . height - 30 , 140 , 30 ) ; p . fillStyle = "#000" ; p . font = "4mm sans-serif" ; p . fillText ( netgis . util . getTimeStamp ( ) , 10 , n . height - 10 ) ; var q = document . createElement ( "a" ) ; switch ( a ) { case "pdf" : e = e ? e : 0 ; var r = 297 - e - e , v = 210 - e - e , t = n . width / n . height ; if ( ! d ) { var w = r ; r = v ; v = w } if ( n . height > n . width ) { var u = v ; w = u * t ; w > r && ( w = r , u = w / t ) } else w = r , u = w / t , u > v && ( u = v , w = u * t ) ; t = new jsPDF ( d ? "l" : "p" ) ; var x = e ; x += ( r - w ) / 2 ; r = e ; r += ( v - u ) / 2 ; t . addImage ( n . toDataURL ( "image/png,1.0" , 1 ) , "PNG" , x , r , w , u ) ; t . setFillColor ( 255 , 255 ,
255 ) ; t . rect ( x , r + u - 11 , 80 , 11 , "F" ) ; t . setFontSize ( 8 ) ; t . text ( "Datum: " + netgis . util . getTimeStamp ( ) , x + 2 , r + u - 2 - 4 ) ; t . text ( "Quelle: " + window . location . href , x + 2 , r + u - 2 ) ; n = t . output ( "bloburl" , { filename : k . export . defaultFilename + ".pdf" } ) ; window . open ( n , "_blank" ) ; break ; case "jpeg" : window . navigator . msSaveBlob ? window . navigator . msSaveBlob ( n . msToBlob ( ) , k . export . defaultFilename + ".jpg" ) : ( q . setAttribute ( "download" , k . export . defaultFilename + ".jpg" ) , q . setAttribute ( "href" , n . toDataURL ( "image/jpeg" , 1 ) ) , q . click ( ) ) ; break ; case "png" : window . navigator . msSaveBlob ?
window . navigator . msSaveBlob ( n . msToBlob ( ) , k . export . defaultFilename + ".png" ) : ( q . setAttribute ( "download" , k . export . defaultFilename + ".png" ) , q . setAttribute ( "href" , n . toDataURL ( "image/png" , 1 ) ) , q . click ( ) ) ; break ; case "gif" : q . setAttribute ( "download" , k . export . defaultFilename + ".gif" ) , v = new GIF ( { workerScript : k . export . gifWebWorker , quality : 1 } ) , v . addFrame ( n ) , v . on ( "finished" , function ( a ) { q . setAttribute ( "href" , window . URL . createObjectURL ( a ) ) ; q . click ( ) } ) , v . render ( ) } h . setTarget ( g ) ; g . removeChild ( m ) ; f . client . invoke ( netgis . Events . EXPORT _END ,
null ) } ) ; h . renderSync ( ) } ; l . src = k . export . logo } ; netgis . MapOpenLayers . prototype . splitMultiPolygons = function ( a ) { a = a . getSource ( ) ; for ( var b = a . getFeatures ( ) , c = [ ] , d = [ ] , e = 0 ; e < b . length ; e ++ ) { var f = b [ e ] , g = f . getGeometry ( ) ; if ( g instanceof ol . geom . MultiPolygon ) { g = g . getPolygons ( ) ; for ( var h = 0 ; h < g . length ; h ++ ) { var k = new ol . Feature ( { geometry : g [ h ] } ) ; d . push ( k ) } c . push ( f ) } } for ( e = 0 ; e < c . length ; e ++ ) a . removeFeature ( c [ e ] ) ; a . addFeatures ( d ) } ; netgis = netgis || { } ; netgis . Menu = function ( ) { this . root = this . client = null ; this . sections = [ ] } ;
2022-05-23 16:02:28 +02:00
netgis . Menu . prototype . load = function ( ) { this . root = document . createElement ( "header" ) ; this . root . className = "netgis-menu netgis-primary netgis-shadow" ; var a = document . createElement ( "div" ) ; this . root . appendChild ( a ) ; var b = this . createButton ( 'Ebenen<i class="fab fa-buffer"></i>' , ! 0 ) ; b . addEventListener ( "click" , this . onToggleClick . bind ( this ) ) ; a . appendChild ( b ) ; b = this . createButton ( 'Suche<i class="fas fa-search" style="position: relative; top: 0.3mm;"></i>' , ! 0 ) ; b . addEventListener ( "click" , this . onSearchPlaceClick . bind ( this ) ) ;
2022-09-12 13:12:59 +02:00
a . appendChild ( b ) ; b = this . createButton ( 'Flurst\u00fccke<i class="fas fa-vector-square" style="position: relative; top: 0.3mm;"></i>' , ! 0 ) ; b . addEventListener ( "click" , this . onSearchParcelClick . bind ( this ) ) ; a . appendChild ( b ) ; if ( this . client . editable ) { b = this . createMenu ( '<i class="fas fa-caret-down"></i>Zeichnen' ) ; var c = b . getElementsByTagName ( "ul" ) [ 0 ] ; a . appendChild ( b ) ; c . appendChild ( this . createMenuItem ( '<i class="fas fa-map-marker-alt"></i>Punkte' , this . onDrawPointClick . bind ( this ) ) ) ; c . appendChild ( this . createMenuItem ( '<i class="fas fa-minus"></i>Linien' ,
this . onDrawLineClick . bind ( this ) ) ) ; c . appendChild ( this . createMenuItem ( '<i class="fas fa-vector-square"></i>Polygone' , this . onDrawPolygonClick . bind ( this ) ) ) ; b = this . createMenu ( '<i class="fas fa-caret-down"></i>Bearbeiten' ) ; c = b . getElementsByTagName ( "ul" ) [ 0 ] ; a . appendChild ( b ) ; c . appendChild ( this . createMenuItem ( '<i class="fas fa-cut"></i>Ausschneiden' , this . onCutFeatureClick . bind ( this ) ) ) ; c . appendChild ( this . createMenuItem ( '<i class="fas fa-arrows-alt"></i>Verschieben' , this . onModifyFeaturesClick . bind ( this ) ) ) ; c . appendChild ( this . createMenuItem ( '<i class="fas fa-eraser"></i>L\u00f6schen' ,
this . onDeleteFeaturesClick . bind ( this ) ) ) ; c . appendChild ( this . createMenuItem ( '<i class="far fa-dot-circle"></i>Puffern' , this . onBufferFeatureClick . bind ( this ) ) ) ; b = this . createMenu ( '<i class="fas fa-caret-down"></i>Import' ) ; a . appendChild ( b ) ; b = b . getElementsByTagName ( "ul" ) [ 0 ] ; b . appendChild ( this . createMenuItem ( '<i class="fas fa-file"></i>GeoJSON' , this . onImportGeoJSONClick . bind ( this ) ) ) ; b . appendChild ( this . createMenuItem ( '<i class="fas fa-file"></i>GML' , this . onImportGMLClick . bind ( this ) ) ) ; b . appendChild ( this . createMenuItem ( '<i class="fas fa-file"></i>Shapefile' ,
2023-01-31 16:26:59 +01:00
this . onImportShapefileClick . bind ( this ) ) ) ; b . appendChild ( this . createMenuItem ( '<i class="fas fa-file"></i>Spatialite' , this . onImportSpatialiteClick . bind ( this ) ) ) ; b . appendChild ( this . createMenuItem ( '<i class="fas fa-file"></i>GeoPackage' , this . onImportGeopackageClick . bind ( this ) ) ) ; b = this . createMenu ( '<i class="fas fa-caret-down"></i>Export' ) ; a . appendChild ( b ) ; a = b . getElementsByTagName ( "ul" ) [ 0 ] ; a . appendChild ( this . createMenuItem ( '<i class="fas fa-file"></i>PDF' , this . onExportPDFClick . bind ( this ) ) ) ; a . appendChild ( this . createMenuItem ( '<i class="fas fa-file"></i>JPEG' ,
this . onExportJPEGClick . bind ( this ) ) ) ; a . appendChild ( this . createMenuItem ( '<i class="fas fa-file"></i>PNG' , this . onExportPNGClick . bind ( this ) ) ) ; a . appendChild ( this . createMenuItem ( '<i class="fas fa-file"></i>GIF' , this . onExportGIFClick . bind ( this ) ) ) } this . client . root . appendChild ( this . root ) } ; netgis . Menu . prototype . createButton = function ( a , b ) { var c = document . createElement ( "button" ) ; c . setAttribute ( "type" , "button" ) ; c . className = "netgis-primary netgis-hover-primary" ; b && ( c . className += " netgis-right" ) ; c . innerHTML = a ; return c } ;
2022-05-12 13:22:46 +02:00
netgis . Menu . prototype . createMenu = function ( a ) { var b = document . createElement ( "div" ) ; b . className = "netgis-dropdown" ; var c = document . createElement ( "button" ) ; c . setAttribute ( "type" , "button" ) ; c . className = "netgis-primary netgis-hover-primary" ; c . innerHTML = a ; b . appendChild ( c ) ; a = document . createElement ( "ul" ) ; a . className = "netgis-dropdown-content netgis-dialog netgis-shadow" ; b . appendChild ( a ) ; return b } ;
netgis . Menu . prototype . createMenuItem = function ( a , b ) { var c = document . createElement ( "li" ) ; c . className = "netgis-hover-light" ; var d = document . createElement ( "button" ) ; d . setAttribute ( "type" , "button" ) ; d . innerHTML = a ; d . addEventListener ( "click" , b ) ; c . appendChild ( d ) ; return c } ; netgis . Menu . prototype . onToggleClick = function ( a ) { this . client . invoke ( netgis . Events . LAYER _LIST _TOGGLE , null ) } ; netgis . Menu . prototype . onDrawPointClick = function ( a ) { this . client . invoke ( netgis . Events . SET _MODE , netgis . Modes . DRAW _POINTS ) } ;
netgis . Menu . prototype . onDrawLineClick = function ( a ) { this . client . invoke ( netgis . Events . SET _MODE , netgis . Modes . DRAW _LINES ) } ; netgis . Menu . prototype . onDrawPolygonClick = function ( a ) { this . client . invoke ( netgis . Events . SET _MODE , netgis . Modes . DRAW _POLYGONS ) } ; netgis . Menu . prototype . onCutFeatureClick = function ( a ) { this . client . invoke ( netgis . Events . SET _MODE , netgis . Modes . CUT _FEATURE _BEGIN ) } ; netgis . Menu . prototype . onModifyFeaturesClick = function ( a ) { this . client . invoke ( netgis . Events . SET _MODE , netgis . Modes . MODIFY _FEATURES ) } ;
2022-09-12 13:12:59 +02:00
netgis . Menu . prototype . onDeleteFeaturesClick = function ( a ) { this . client . invoke ( netgis . Events . SET _MODE , netgis . Modes . DELETE _FEATURES ) } ; netgis . Menu . prototype . onBufferFeatureClick = function ( a ) { this . client . invoke ( netgis . Events . SET _MODE , netgis . Modes . BUFFER _FEATURE _BEGIN ) } ; netgis . Menu . prototype . onSearchPlaceClick = function ( a ) { this . client . invoke ( netgis . Events . SET _MODE , netgis . Modes . SEARCH _PLACE ) } ; netgis . Menu . prototype . onSearchParcelClick = function ( a ) { this . client . invoke ( netgis . Events . SET _MODE , netgis . Modes . SEARCH _PARCEL ) } ;
netgis . Menu . prototype . onSearchDataClick = function ( a ) { alert ( "TODO: data search interface" ) } ; netgis . Menu . prototype . onImportOWSClick = function ( a ) { alert ( "TODO: ows import interface, try setting url parameter '?ows=<url>'" ) } ; netgis . Menu . prototype . onImportShapefileClick = function ( a ) { this . client . invoke ( netgis . Events . IMPORT _SHAPEFILE _SHOW , null ) } ; netgis . Menu . prototype . onImportGeoJSONClick = function ( a ) { this . client . invoke ( netgis . Events . IMPORT _GEOJSON _SHOW , null ) } ; netgis . Menu . prototype . onImportKMLClick = function ( a ) { alert ( "TODO: kml import interface" ) } ;
2023-01-31 16:26:59 +01:00
netgis . Menu . prototype . onImportGMLClick = function ( a ) { this . client . invoke ( netgis . Events . IMPORT _GML _SHOW , null ) } ; netgis . Menu . prototype . onImportSpatialiteClick = function ( a ) { this . client . invoke ( netgis . Events . IMPORT _SPATIALITE _SHOW , null ) } ; netgis . Menu . prototype . onImportGeopackageClick = function ( a ) { this . client . invoke ( netgis . Events . IMPORT _GEOPACKAGE _SHOW , null ) } ; netgis . Menu . prototype . onExportPDFClick = function ( a ) { this . client . invoke ( netgis . Events . EXPORT _PDF _SHOW , null ) } ;
netgis . Menu . prototype . onExportJPEGClick = function ( a ) { this . client . invoke ( netgis . Events . EXPORT _JPEG _SHOW , null ) } ; netgis . Menu . prototype . onExportPNGClick = function ( a ) { this . client . invoke ( netgis . Events . EXPORT _PNG _SHOW , null ) } ; netgis . Menu . prototype . onExportGIFClick = function ( a ) { this . client . invoke ( netgis . Events . EXPORT _GIF _SHOW , null ) } ; netgis = netgis || { } ; netgis . Modal = function ( ) { this . addService = this . exportGIF = this . exportPNG = this . exportJPEG = this . exportPDF = this . importShapefile = this . importGML = this . importGeoJSON = this . client = null ; this . addServiceID = 1E4 } ;
netgis . Modal . prototype . load = function ( ) { this . root = document . createElement ( "section" ) ; this . root . className = "netgis-modal" ; this . root . addEventListener ( "click" , this . onRootClick . bind ( this ) ) ; this . importGeoJSON = this . createImportGeoJSON ( ) ; this . root . appendChild ( this . importGeoJSON ) ; this . importGML = this . createImportGML ( ) ; this . root . appendChild ( this . importGML ) ; this . importShapefile = this . createImportShapefile ( ) ; this . root . appendChild ( this . importShapefile ) ; this . importSpatialite = this . createImportSpatialite ( ) ; this . root . appendChild ( this . importSpatialite ) ;
this . importGeopackage = this . createImportGeopackage ( ) ; this . root . appendChild ( this . importGeopackage ) ; this . exportPDF = this . createExportPDF ( ) ; this . root . appendChild ( this . exportPDF ) ; this . exportJPEG = this . createExportJPEG ( ) ; this . root . appendChild ( this . exportJPEG ) ; this . exportPNG = this . createExportPNG ( ) ; this . root . appendChild ( this . exportPNG ) ; this . exportGIF = this . createExportGIF ( ) ; this . root . appendChild ( this . exportGIF ) ; this . addService = this . createAddService ( ) ; this . root . appendChild ( this . addService ) ; this . client . root . appendChild ( this . root ) ;
this . client . on ( netgis . Events . IMPORT _GEOJSON _SHOW , this . onImportGeoJSONShow . bind ( this ) ) ; this . client . on ( netgis . Events . IMPORT _GML _SHOW , this . onImportGMLShow . bind ( this ) ) ; this . client . on ( netgis . Events . IMPORT _SHAPEFILE _SHOW , this . onImportShapefileShow . bind ( this ) ) ; this . client . on ( netgis . Events . IMPORT _SPATIALITE _SHOW , this . onImportSpatialiteShow . bind ( this ) ) ; this . client . on ( netgis . Events . IMPORT _GEOPACKAGE _SHOW , this . onImportGeopackageShow . bind ( this ) ) ; this . client . on ( netgis . Events . EXPORT _PDF _SHOW , this . onExportPDFShow . bind ( this ) ) ;
this . client . on ( netgis . Events . EXPORT _JPEG _SHOW , this . onExportJPEGShow . bind ( this ) ) ; this . client . on ( netgis . Events . EXPORT _PNG _SHOW , this . onExportPNGShow . bind ( this ) ) ; this . client . on ( netgis . Events . EXPORT _GIF _SHOW , this . onExportGIFShow . bind ( this ) ) ; this . client . on ( netgis . Events . ADD _SERVICE _SHOW , this . onAddServiceShow . bind ( this ) ) } ;
2022-04-04 12:27:45 +02:00
netgis . Modal . prototype . createImportGeoJSON = function ( ) { var a = this . createContainer ( "Import GeoJSON" ) ; this . createText ( a , "Unterst\u00fctzte Koordinatensysteme:" , "<ul><li>World Geodetic System 1984 (EPSG:4326)</li><li>ETRS89 / UTM zone 32N (EPSG:25832)</li></ul>" ) ; this . createInputFile ( a , "Datei ausw\u00e4hlen / ablegen:" , ".geojson,.json" , this . onImportGeoJSONChange . bind ( this ) ) ; this . createSpace ( a ) ; this . createButton ( a , "<i class='fas fa-check'></i>Importieren" , this . onImportGeoJSONAccept . bind ( this ) ) ; return a } ;
netgis . Modal . prototype . createImportGML = function ( ) { var a = this . createContainer ( "Import GML" ) ; this . createText ( a , "Unterst\u00fctzte Koordinatensysteme:" , "<ul><li>World Geodetic System 1984 (EPSG:4326)</li><li>ETRS89 / UTM zone 32N (EPSG:25832)</li></ul>" ) ; this . createInputFile ( a , "Datei ausw\u00e4hlen / ablegen:" , ".gml,.xml" , this . onImportGMLChange . bind ( this ) ) ; this . createSpace ( a ) ; this . createButton ( a , "<i class='fas fa-check'></i>Importieren" , this . onImportGMLAccept . bind ( this ) ) ; return a } ;
netgis . Modal . prototype . createImportShapefile = function ( ) { var a = this . createContainer ( "Import Shapefile" ) ; this . createText ( a , "Unterst\u00fctzte Koordinatensysteme:" , "<ul><li>World Geodetic System 1984 (EPSG:4326)</li><li>ETRS89 / UTM zone 32N (EPSG:25832)</li></ul>" ) ; this . createInputFile ( a , "Datei ausw\u00e4hlen / ablegen:" , "application/zip" , this . onImportShapefileChange . bind ( this ) ) ; this . createSpace ( a ) ; this . createButton ( a , "<i class='fas fa-check'></i>Importieren" , this . onImportShapefileAccept . bind ( this ) ) ;
2023-01-31 16:26:59 +01:00
return a } ;
netgis . Modal . prototype . createImportSpatialite = function ( ) { var a = this . createContainer ( "Import Spatialite" ) ; this . createText ( a , "Unterst\u00fctzte Koordinatensysteme:" , "<ul><li>World Geodetic System 1984 (EPSG:4326)</li><li>ETRS89 / UTM zone 32N (EPSG:25832)</li></ul>" ) ; this . createInputFile ( a , "Datei ausw\u00e4hlen / ablegen:" , ".sqlite" , this . onImportSpatialiteChange . bind ( this ) ) ; this . createSpace ( a ) ; this . createButton ( a , "<i class='fas fa-check'></i>Importieren" , this . onImportSpatialiteAccept . bind ( this ) ) ; return a } ;
netgis . Modal . prototype . createImportGeopackage = function ( ) { var a = this . createContainer ( "Import GeoPackage" ) ; this . createText ( a , "Unterst\u00fctzte Koordinatensysteme:" , "<ul><li>World Geodetic System 1984 (EPSG:4326)</li><li>ETRS89 / UTM zone 32N (EPSG:25832)</li></ul>" ) ; this . createInputFile ( a , "Datei ausw\u00e4hlen / ablegen:" , ".gpkg" , this . onImportGeopackageChange . bind ( this ) ) ; this . createSpace ( a ) ; this . createButton ( a , "<i class='fas fa-check'></i>Importieren" , this . onImportGeopackageAccept . bind ( this ) ) ; return a } ;
netgis . Modal . prototype . createExportPDF = function ( ) { var a = this . createContainer ( "Export PDF" ) ; this . createInputInteger ( a , "Breite (Pixel):" , 800 , 0 , 4096 ) ; this . createInputInteger ( a , "H\u00f6he (Pixel):" , 600 , 0 , 4096 ) ; this . createInputInteger ( a , "Seitenr\u00e4nder (Millimeter):" , 10 , 0 , 100 ) ; this . createInputCheckbox ( a , "Querformat:" , ! 0 ) ; this . createSpace ( a ) ; this . createButton ( a , "<i class='fas fa-check'></i>Exportieren" , this . onExportPDFAccept . bind ( this ) ) ; return a } ;
2022-05-12 13:22:46 +02:00
netgis . Modal . prototype . createExportJPEG = function ( ) { var a = this . createContainer ( "Export JPEG" ) ; this . createInputInteger ( a , "Breite (Pixel):" , 800 , 0 , 4096 ) ; this . createInputInteger ( a , "H\u00f6he (Pixel):" , 600 , 0 , 4096 ) ; this . createSpace ( a ) ; this . createButton ( a , "<i class='fas fa-check'></i>Exportieren" , this . onExportJPEGAccept . bind ( this ) ) ; return a } ;
netgis . Modal . prototype . createExportPNG = function ( ) { var a = this . createContainer ( "Export PNG" ) ; this . createInputInteger ( a , "Breite (Pixel):" , 800 , 0 , 4096 ) ; this . createInputInteger ( a , "H\u00f6he (Pixel):" , 600 , 0 , 4096 ) ; this . createSpace ( a ) ; this . createButton ( a , "<i class='fas fa-check'></i>Exportieren" , this . onExportPNGAccept . bind ( this ) ) ; return a } ;
netgis . Modal . prototype . createExportGIF = function ( ) { var a = this . createContainer ( "Export GIF" ) ; this . createInputInteger ( a , "Breite (Pixel):" , 800 , 0 , 4096 ) ; this . createInputInteger ( a , "H\u00f6he (Pixel):" , 600 , 0 , 4096 ) ; this . createSpace ( a ) ; this . createButton ( a , "<i class='fas fa-check'></i>Exportieren" , this . onExportGIFAccept . bind ( this ) ) ; return a } ;
2023-01-31 16:26:59 +01:00
netgis . Modal . prototype . createAddService = function ( ) { var a = this . createContainer ( "Dienst hinzuf\u00fcgen" ) ; this . createInputText ( a , "WMS/WFS URL:" ) ; this . createSpace ( a ) ; this . createButton ( a , "<i class='fas fa-cloud-download-alt'></i>Dienst laden" , this . onAddServiceLoad . bind ( this ) ) ; this . createSpace ( a ) ; this . createInputHidden ( a ) ; this . createText ( a , "Bezeichnung:" , "" ) ; this . createInputSelect ( a , "Kartenebene:" , [ ] ) ; this . createInputSelect ( a , "Format:" , [ ] ) ; this . createSpace ( a ) ; this . createButton ( a , "<i class='fas fa-check'></i>Dienst hinzuf\u00fcgen" ,
this . onAddServiceAccept . bind ( this ) ) ; return a } ; netgis . Modal . prototype . show = function ( a ) { this . root . classList . add ( "netgis-show" ) ; for ( var b = this . root . getElementsByClassName ( "netgis-dialog" ) , c = 0 ; c < b . length ; c ++ ) b [ c ] . classList . remove ( "netgis-show" ) ; a . classList . add ( "netgis-show" ) } ; netgis . Modal . prototype . hide = function ( ) { this . root . classList . remove ( "netgis-show" ) } ;
2022-04-19 17:22:06 +02:00
netgis . Modal . prototype . createContainer = function ( a ) { var b = document . createElement ( "section" ) ; b . className = "netgis-dialog netgis-shadow" ; var c = document . createElement ( "header" ) , d = document . createElement ( "button" ) ; d . setAttribute ( "type" , "button" ) ; d . className = "netgis-primary netgis-hover-primary" ; d . innerHTML = "<h3>" + a + "</h3>" ; d . addEventListener ( "click" , this . onHeaderClick . bind ( this ) ) ; c . appendChild ( d ) ; a = document . createElement ( "span" ) ; a . innerHTML = "<i class='fas fa-times'></i>" ; d . appendChild ( a ) ; b . appendChild ( c ) ;
c = document . createElement ( "div" ) ; c . className = "netgis-modal-content" ; b . appendChild ( c ) ; d = document . createElement ( "table" ) ; c . appendChild ( d ) ; return b } ; netgis . Modal . prototype . createSpace = function ( a ) { var b = document . createElement ( "tr" ) ; b . className = "netgis-space" ; var c = document . createElement ( "td" ) ; c . setAttribute ( "colspan" , 100 ) ; b . appendChild ( c ) ; a . getElementsByClassName ( "netgis-modal-content" ) [ 0 ] . getElementsByTagName ( "table" ) [ 0 ] . appendChild ( b ) ; return c } ;
netgis . Modal . prototype . createButton = function ( a , b , c ) { var d = document . createElement ( "tr" ) , e = document . createElement ( "td" ) ; e . setAttribute ( "colspan" , 100 ) ; d . appendChild ( e ) ; var f = document . createElement ( "button" ) ; f . setAttribute ( "type" , "button" ) ; f . className = "netgis-primary netgis-hover-primary" ; f . innerHTML = b ; c && f . addEventListener ( "click" , c ) ; e . appendChild ( f ) ; a . getElementsByClassName ( "netgis-modal-content" ) [ 0 ] . getElementsByTagName ( "table" ) [ 0 ] . appendChild ( d ) ; return f } ;
2023-01-31 16:26:59 +01:00
netgis . Modal . prototype . createInputHidden = function ( a ) { var b = document . createElement ( "tr" ) ; b . className = "netgis-hidden" ; var c = document . createElement ( "td" ) ; b . appendChild ( c ) ; var d = document . createElement ( "input" ) ; d . setAttribute ( "type" , "hidden" ) ; c . appendChild ( d ) ; a . getElementsByClassName ( "netgis-modal-content" ) [ 0 ] . getElementsByTagName ( "table" ) [ 0 ] . appendChild ( b ) ; return d } ;
netgis . Modal . prototype . createInputText = function ( a , b ) { var c = document . createElement ( "tr" ) , d = document . createElement ( "th" ) ; d . className = "netgis-padding" ; var e = document . createElement ( "label" ) ; e . innerHTML = b ; d . appendChild ( e ) ; c . appendChild ( d ) ; b = document . createElement ( "td" ) ; b . className = "netgis-padding" ; c . appendChild ( b ) ; d = document . createElement ( "input" ) ; d . setAttribute ( "type" , "text" ) ; b . appendChild ( d ) ; e . htmlFor = d ; a . getElementsByClassName ( "netgis-modal-content" ) [ 0 ] . getElementsByTagName ( "table" ) [ 0 ] . appendChild ( c ) ;
return d } ; netgis . Modal . prototype . createInputSelect = function ( a , b , c ) { c = document . createElement ( "tr" ) ; var d = document . createElement ( "th" ) ; d . className = "netgis-padding" ; var e = document . createElement ( "label" ) ; e . innerHTML = b ; d . appendChild ( e ) ; c . appendChild ( d ) ; b = document . createElement ( "td" ) ; b . className = "netgis-padding" ; c . appendChild ( b ) ; d = document . createElement ( "select" ) ; b . appendChild ( d ) ; e . htmlFor = d ; a . getElementsByClassName ( "netgis-modal-content" ) [ 0 ] . getElementsByTagName ( "table" ) [ 0 ] . appendChild ( c ) ; return d } ;
netgis . Modal . prototype . createInputInteger = function ( a , b , c , d , e ) { var f = document . createElement ( "tr" ) , g = document . createElement ( "th" ) ; g . className = "netgis-padding" ; var h = document . createElement ( "label" ) ; h . innerHTML = b ; g . appendChild ( h ) ; f . appendChild ( g ) ; b = document . createElement ( "td" ) ; b . className = "netgis-padding" ; g = document . createElement ( "input" ) ; g . setAttribute ( "type" , "number" ) ; g . setAttribute ( "min" , d ) ; g . setAttribute ( "max" , e ) ; g . value = Number . parseInt ( c ) ; b . appendChild ( g ) ; f . appendChild ( b ) ; h . htmlFor = g ; a . getElementsByClassName ( "netgis-modal-content" ) [ 0 ] . getElementsByTagName ( "table" ) [ 0 ] . appendChild ( f ) ;
return g } ;
netgis . Modal . prototype . createInputCheckbox = function ( a , b , c ) { var d = document . createElement ( "tr" ) , e = document . createElement ( "th" ) ; e . className = "netgis-padding" ; var f = document . createElement ( "label" ) ; f . innerHTML = b ; e . appendChild ( f ) ; d . appendChild ( e ) ; b = document . createElement ( "td" ) ; b . className = "netgis-padding" ; e = document . createElement ( "input" ) ; e . setAttribute ( "type" , "checkbox" ) ; e . checked = c ; b . appendChild ( e ) ; d . appendChild ( b ) ; f . htmlFor = e ; a . getElementsByClassName ( "netgis-modal-content" ) [ 0 ] . getElementsByTagName ( "table" ) [ 0 ] . appendChild ( d ) ; return e } ;
netgis . Modal . prototype . createInputFile = function ( a , b , c , d ) { var e = document . createElement ( "tr" ) , f = document . createElement ( "th" ) ; f . className = "netgis-padding" ; var g = document . createElement ( "label" ) ; g . innerHTML = b ; f . appendChild ( g ) ; e . appendChild ( f ) ; b = document . createElement ( "td" ) ; b . className = "netgis-padding" ; f = document . createElement ( "input" ) ; f . setAttribute ( "type" , "file" ) ; f . setAttribute ( "accept" , c ) ; d && f . addEventListener ( "change" , d ) ; b . appendChild ( f ) ; e . appendChild ( b ) ; a . getElementsByClassName ( "netgis-modal-content" ) [ 0 ] . getElementsByTagName ( "table" ) [ 0 ] . appendChild ( e ) ;
return f } ; netgis . Modal . prototype . createText = function ( a , b , c ) { var d = document . createElement ( "tr" ) , e = document . createElement ( "th" ) ; e . className = "netgis-padding" ; e . innerHTML = b ; d . appendChild ( e ) ; b = document . createElement ( "td" ) ; b . className = "netgis-padding" ; b . innerHTML = c ; d . appendChild ( b ) ; a . getElementsByClassName ( "netgis-modal-content" ) [ 0 ] . getElementsByTagName ( "table" ) [ 0 ] . appendChild ( d ) ; return b } ; netgis . Modal . prototype . onRootClick = function ( a ) { a . target === this . root && this . hide ( ) } ;
netgis . Modal . prototype . onHeaderClick = function ( a ) { this . hide ( ) } ; netgis . Modal . prototype . onImportGeoJSONShow = function ( a ) { a = this . importGeoJSON . getElementsByTagName ( "input" ) [ 0 ] ; var b = this . importGeoJSON . getElementsByTagName ( "button" ) [ 1 ] ; a . value = "" ; b . disabled = ! 0 ; this . show ( this . importGeoJSON ) } ; netgis . Modal . prototype . onImportGeoJSONChange = function ( a ) { a = this . importGeoJSON . getElementsByTagName ( "input" ) [ 0 ] ; this . importGeoJSON . getElementsByTagName ( "button" ) [ 1 ] . disabled = a . value && 0 < a . value . length ? ! 1 : ! 0 } ;
2022-04-04 12:27:45 +02:00
netgis . Modal . prototype . onImportGeoJSONAccept = function ( a ) { a = this . importGeoJSON . getElementsByTagName ( "input" ) [ 0 ] . files [ 0 ] ; this . client . invoke ( netgis . Events . IMPORT _GEOJSON , a ) ; this . hide ( ) } ; netgis . Modal . prototype . onImportGMLShow = function ( a ) { a = this . importGML . getElementsByTagName ( "input" ) [ 0 ] ; var b = this . importGML . getElementsByTagName ( "button" ) [ 1 ] ; a . value = "" ; b . disabled = ! 0 ; this . show ( this . importGML ) } ;
netgis . Modal . prototype . onImportGMLChange = function ( a ) { a = this . importGML . getElementsByTagName ( "input" ) [ 0 ] ; this . importGML . getElementsByTagName ( "button" ) [ 1 ] . disabled = a . value && 0 < a . value . length ? ! 1 : ! 0 } ; netgis . Modal . prototype . onImportGMLAccept = function ( a ) { a = this . importGML . getElementsByTagName ( "input" ) [ 0 ] . files [ 0 ] ; this . client . invoke ( netgis . Events . IMPORT _GML , a ) ; this . hide ( ) } ;
netgis . Modal . prototype . onImportShapefileShow = function ( a ) { a = this . importShapefile . getElementsByTagName ( "input" ) [ 0 ] ; var b = this . importShapefile . getElementsByTagName ( "button" ) [ 1 ] ; a . value = "" ; b . disabled = ! 0 ; this . show ( this . importShapefile ) } ; netgis . Modal . prototype . onImportShapefileChange = function ( a ) { a = this . importShapefile . getElementsByTagName ( "input" ) [ 0 ] ; this . importShapefile . getElementsByTagName ( "button" ) [ 1 ] . disabled = a . value && 0 < a . value . length ? ! 1 : ! 0 } ;
2023-01-31 16:26:59 +01:00
netgis . Modal . prototype . onImportShapefileAccept = function ( a ) { a = this . importShapefile . getElementsByTagName ( "input" ) [ 0 ] . files [ 0 ] ; this . client . invoke ( netgis . Events . IMPORT _SHAPEFILE , a ) ; this . hide ( ) } ; netgis . Modal . prototype . onImportSpatialiteShow = function ( a ) { a = this . importShapefile . getElementsByTagName ( "input" ) [ 0 ] ; var b = this . importShapefile . getElementsByTagName ( "button" ) [ 1 ] ; a . value = "" ; b . disabled = ! 0 ; this . show ( this . importSpatialite ) } ;
netgis . Modal . prototype . onImportSpatialiteChange = function ( a ) { a = this . importSpatialite . getElementsByTagName ( "input" ) [ 0 ] ; this . importSpatialite . getElementsByTagName ( "button" ) [ 1 ] . disabled = a . value && 0 < a . value . length ? ! 1 : ! 0 } ; netgis . Modal . prototype . onImportSpatialiteAccept = function ( a ) { a = this . importSpatialite . getElementsByTagName ( "input" ) [ 0 ] . files [ 0 ] ; this . client . invoke ( netgis . Events . IMPORT _SPATIALITE , a ) ; this . hide ( ) } ;
netgis . Modal . prototype . onImportGeopackageShow = function ( a ) { a = this . importGeopackage . getElementsByTagName ( "input" ) [ 0 ] ; var b = this . importGeopackage . getElementsByTagName ( "button" ) [ 1 ] ; a . value = "" ; b . disabled = ! 0 ; this . show ( this . importGeopackage ) } ; netgis . Modal . prototype . onImportGeopackageChange = function ( a ) { a = this . importGeopackage . getElementsByTagName ( "input" ) [ 0 ] ; this . importGeopackage . getElementsByTagName ( "button" ) [ 1 ] . disabled = a . value && 0 < a . value . length ? ! 1 : ! 0 } ;
netgis . Modal . prototype . onImportGeopackageAccept = function ( a ) { a = this . importGeopackage . getElementsByTagName ( "input" ) [ 0 ] . files [ 0 ] ; this . client . invoke ( netgis . Events . IMPORT _GEOPACKAGE , a ) ; this . hide ( ) } ; netgis . Modal . prototype . onExportPDFShow = function ( a ) { a = this . exportPDF . getElementsByTagName ( "input" ) ; a [ 0 ] . value = this . client . map . getWidth ( ) ; a [ 1 ] . value = this . client . map . getHeight ( ) ; a [ 2 ] . value = this . client . config . export . defaultMargin ; a [ 3 ] . checked = ! 0 ; this . show ( this . exportPDF ) } ;
2022-05-12 13:22:46 +02:00
netgis . Modal . prototype . onExportJPEGShow = function ( a ) { a = this . exportJPEG . getElementsByTagName ( "input" ) ; a [ 0 ] . value = this . client . map . getWidth ( ) ; a [ 1 ] . value = this . client . map . getHeight ( ) ; this . show ( this . exportJPEG ) } ; netgis . Modal . prototype . onExportPNGShow = function ( a ) { a = this . exportPNG . getElementsByTagName ( "input" ) ; a [ 0 ] . value = this . client . map . getWidth ( ) ; a [ 1 ] . value = this . client . map . getHeight ( ) ; this . show ( this . exportPNG ) } ;
netgis . Modal . prototype . onExportGIFShow = function ( a ) { a = this . exportGIF . getElementsByTagName ( "input" ) ; a [ 0 ] . value = this . client . map . getWidth ( ) ; a [ 1 ] . value = this . client . map . getHeight ( ) ; this . show ( this . exportGIF ) } ; netgis . Modal . prototype . onExportPDFAccept = function ( a ) { a = this . exportPDF . getElementsByTagName ( "input" ) ; var b = Number . parseInt ( a [ 0 ] . value ) , c = Number . parseInt ( a [ 1 ] . value ) , d = Number . parseInt ( a [ 2 ] . value ) ; this . client . invoke ( netgis . Events . EXPORT _PDF , { resx : b , resy : c , mode : a [ 3 ] . checked , margin : d } ) ; this . hide ( ) } ;
netgis . Modal . prototype . onExportJPEGAccept = function ( a ) { var b = this . exportJPEG . getElementsByTagName ( "input" ) ; a = Number . parseInt ( b [ 0 ] . value ) ; b = Number . parseInt ( b [ 1 ] . value ) ; this . client . invoke ( netgis . Events . EXPORT _JPEG , { resx : a , resy : b } ) ; this . hide ( ) } ; netgis . Modal . prototype . onExportPNGAccept = function ( a ) { var b = this . exportPNG . getElementsByTagName ( "input" ) ; a = Number . parseInt ( b [ 0 ] . value ) ; b = Number . parseInt ( b [ 1 ] . value ) ; this . client . invoke ( netgis . Events . EXPORT _PNG , { resx : a , resy : b } ) ; this . hide ( ) } ;
2023-01-31 16:26:59 +01:00
netgis . Modal . prototype . onExportGIFAccept = function ( a ) { var b = this . exportGIF . getElementsByTagName ( "input" ) ; a = Number . parseInt ( b [ 0 ] . value ) ; b = Number . parseInt ( b [ 1 ] . value ) ; this . client . invoke ( netgis . Events . EXPORT _GIF , { resx : a , resy : b } ) ; this . hide ( ) } ; netgis . Modal . prototype . onAddServiceShow = function ( a ) { this . show ( this . addService ) ; a = this . addService . getElementsByTagName ( "tr" ) ; for ( var b = 3 ; b < a . length ; b ++ ) a [ b ] . classList . add ( "netgis-hide" ) } ;
netgis . Modal . prototype . onAddServiceLoad = function ( a ) { a = this . addService . getElementsByTagName ( "input" ) [ 0 ] . value ; var b = a . indexOf ( "?" ) ; - 1 < b && ( a = a . substr ( 0 , b ) ) ; netgis . util . request ( a + "?request=GetCapabilities" , this . onAddServiceCapsResponse . bind ( this ) ) ; console . info ( "Add Service Load:" , a ) } ;
netgis . Modal . prototype . onAddServiceCapsResponse = function ( a ) { var b = ( new DOMParser ) . parseFromString ( a , "text/xml" ) . documentElement ; a = this . addService . getElementsByTagName ( "tr" ) ; var c = a [ 5 ] , d = this . addService . getElementsByTagName ( "input" ) [ 1 ] ; a = this . addService . getElementsByTagName ( "select" ) ; var e = a [ 0 ] ; a = a [ 1 ] ; for ( var f = e . options . length - 1 ; 0 <= f ; f -- ) e . options . remove ( f ) ; for ( f = a . options . length - 1 ; 0 <= f ; f -- ) a . options . remove ( f ) ; switch ( b . nodeName ) { case "WMS_Capabilities" : d . value = "wms" ; b . getAttribute ( "version" ) ; d = b . getElementsByTagName ( "Service" ) [ 0 ] ;
d = d . getElementsByTagName ( "Title" ) [ 0 ] . textContent ; c . children [ 1 ] . innerHTML = d ; f = b . getElementsByTagName ( "Layer" ) ; var g = [ ] ; for ( d = 0 ; d < f . length ; d ++ ) { c = f [ d ] ; var h = c . getElementsByTagName ( "Name" ) [ 0 ] . textContent , k = c . getElementsByTagName ( "Title" ) [ 0 ] . textContent ; g . push ( { name : h , title : k } ) ; c = document . createElement ( "option" ) ; c . text = k ; c . value = h ; e . options . add ( c ) } b = b . getElementsByTagName ( "GetMap" ) [ 0 ] . getElementsByTagName ( "Format" ) ; e = [ ] ; for ( d = 0 ; d < b . length ; d ++ ) c = b [ d ] , f = c . textContent , e . push ( f ) , c = document . createElement ( "option" ) ,
c . text = f , c . value = f , a . options . add ( c ) ; break ; case "WFS_Capabilities" : case "wfs:WFS_Capabilities" : d . value = "wfs" ; b . getAttribute ( "version" ) ; d = b . getElementsByTagName ( "ows:ServiceIdentification" ) [ 0 ] ; d = d . getElementsByTagName ( "ows:Title" ) [ 0 ] . textContent ; c . children [ 1 ] . innerHTML = d ; f = b . getElementsByTagName ( "FeatureType" ) ; g = [ ] ; for ( d = 0 ; d < f . length ; d ++ ) c = f [ d ] , h = c . getElementsByTagName ( "Name" ) [ 0 ] . textContent , k = c . getElementsByTagName ( "Title" ) [ 0 ] . textContent , g . push ( { name : h , title : k } ) , c = document . createElement ( "option" ) ,
c . text = k , c . value = h , e . options . add ( c ) ; b = b . getElementsByTagName ( "ows:Operation" ) ; e = null ; for ( c = 0 ; c < b . length ; c ++ ) if ( "GetFeature" === b [ c ] . getAttribute ( "name" ) ) { e = b [ c ] ; break } if ( e ) for ( b = e . getElementsByTagName ( "ows:Parameter" ) , e = 0 ; e < b . length ; e ++ ) if ( c = b [ e ] , "outputFormat" === c . getAttribute ( "name" ) ) { b = c . getElementsByTagName ( "ows:Value" ) ; for ( d = 0 ; d < b . length ; d ++ ) c = b [ d ] , f = c . textContent , c = document . createElement ( "option" ) , c . text = f , c . value = f , a . options . add ( c ) ; break } a . value = "application/json" } a = this . addService . getElementsByTagName ( "tr" ) ;
for ( b = 3 ; b < a . length ; b ++ ) a [ b ] . classList . remove ( "netgis-hide" ) } ;
netgis . Modal . prototype . onAddServiceAccept = function ( a ) { var b = this . addService . getElementsByTagName ( "input" ) , c = this . addService . getElementsByTagName ( "select" ) ; a = b [ 0 ] . value ; b = b [ 1 ] . value ; var d = c [ 0 ] ; c = c [ 1 ] ; d = d . options . item ( d . options . selectedIndex ) ; c = c . options . item ( c . options . selectedIndex ) ; a = { id : this . addServiceID ++ , url : a , title : d . text , name : d . value , format : c . value } ; switch ( b ) { case "wms" : this . client . invoke ( netgis . Events . ADD _SERVICE _WMS , a ) ; break ; case "wfs" : this . client . invoke ( netgis . Events . ADD _SERVICE _WFS , a ) } this . hide ( ) } ; netgis = netgis || { } ; netgis . Modes = Object . freeze ( { VIEW : "VIEW" , PANNING : "PANNING" , ZOOMING _IN : "ZOOMING_IN" , ZOOMING _OUT : "ZOOMING_OUT" , DRAW _POINTS : "DRAW_POINTS" , DRAW _LINES : "DRAW_LINES" , DRAW _POLYGONS : "DRAW_POLYGONS" , CUT _FEATURE _BEGIN : "CUT_FEATURE_BEGIN" , CUT _FEATURE _DRAW : "CUT_FEATURE_DRAW" , MODIFY _FEATURES : "MODIFY_FEATURES" , DELETE _FEATURES : "DELETE_FEATURES" , BUFFER _FEATURE _BEGIN : "BUFFER_FEATURE_BEGIN" , BUFFER _FEATURE _EDIT : "BUFFER_FEATURE_EDIT" , SEARCH _PLACE : "SEARCH_PLACE" , SEARCH _PARCEL : "SEARCH_PARCEL" } ) ; netgis = netgis || { } ;
2022-09-12 13:12:59 +02:00
netgis . OWS = function ( ) { return { read : function ( a , b ) { var c = { layers : [ ] , folders : [ ] } ; netgis . util . isDefined ( a . properties ) && ( c . bbox = a . properties . bbox ) ; a = a . features ; for ( var d = 0 ; d < a . length ; d ++ ) { var e = a [ d ] ; if ( "Feature" === e . type ) { var f = e . properties ; f = f . folder ; var g = ! 1 ; for ( e = 0 ; e < c . folders . length ; e ++ ) if ( c . folders [ e ] . id === f ) { g = ! 0 ; break } if ( ! g ) { e = f . split ( "/" ) ; f = [ ] ; for ( g = 0 ; g < e . length ; g ++ ) { var h = e [ g ] ; 0 < h . length && f . push ( h ) } var k = - 1 ; for ( g = 0 ; g < f . length ; g ++ ) { h = f [ g ] ; var l = "/" + f . slice ( 0 , g + 1 ) . join ( "/" ) , m = ! 1 ; for ( e = 0 ; e < c . folders . length ; e ++ ) if ( c . folders [ e ] . path ===
l ) { k = e ; m = ! 0 ; break } m || ( e = c . folders . length , c . folders . push ( { title : h , parent : k , path : l } ) , k = e ) } } } } for ( d = 0 ; d < a . length ; d ++ ) if ( e = a [ d ] , "Feature" === e . type ) { f = e . properties ; g = - 1 ; for ( e = 0 ; e < c . folders . length ; e ++ ) if ( c . folders [ e ] . path === f . folder ) { g = e ; break } e = f . offerings ; for ( h = 0 ; h < e . length ; h ++ ) switch ( k = e [ h ] , l = k . operations , k . code ) { case "http://www.opengis.net/spec/owc-geojson/1.0/req/wms" : c . layers . push ( { folder : g , type : netgis . LayerTypes . WMS , url : l [ 0 ] . href , title : f . title , attribution : f . rights , active : f . active } ) ; break ; case "http://www.opengis.net/spec/owc-geojson/1.0/req/xyz" : k =
l [ 0 ] ; c . layers . push ( { folder : g , type : netgis . LayerTypes . XYZ , url : k . href , title : f . title , attribution : f . rights , active : f . active } ) ; break ; case "http://www.opengis.net/spec/owc-geojson/1.0/req/osm" : k = l [ 0 ] , c . layers . push ( { folder : g , type : netgis . LayerTypes . XYZ , url : k . href , title : f . title , attribution : f . rights , active : f . active } ) } } b . invoke ( netgis . Events . CONTEXT _UPDATE , c ) } } } ( ) ; netgis = netgis || { } ; netgis . SearchParcel = function ( ) { this . client = null } ;
netgis . SearchParcel . prototype . load = function ( ) { this . root = document . createElement ( "section" ) ; this . root . className = "netgis-search-parcel netgis-dialog netgis-shadow netgis-hide" ; var a = document . createElement ( "h3" ) ; a . innerHTML = "Flurst\u00fccks-Suche:" ; this . root . appendChild ( a ) ; a = document . createElement ( "div" ) ; this . root . appendChild ( a ) ; var b = this . createInput ( "Gemarkungsname:" ) ; b . style . position = "relative" ; a . appendChild ( b ) ; this . nameInput = b . children [ 0 ] ; this . nameInput . setAttribute ( "title" , "ENTER: Ausw\u00e4hlen, ESCAPE: Zur\u00fccksetzen" ) ;
this . nameInput . addEventListener ( "keyup" , this . onInputNameKey . bind ( this ) ) ; this . nameLoader = document . createElement ( "div" ) ; this . nameLoader . className = "netgis-loader netgis-text-primary netgis-hide" ; this . nameLoader . innerHTML = "<i class='fas fa-spinner'></i>" ; b . appendChild ( this . nameLoader ) ; this . nameList = document . createElement ( "ul" ) ; a . appendChild ( this . nameList ) ; b = this . createInput ( "Gemarkungsnummer:" ) ; this . districtInput = b . children [ 0 ] ; a . appendChild ( b ) ; b = this . createInput ( "Flurnummer:" ) ; this . fieldInput = b . children [ 0 ] ;
a . appendChild ( b ) ; b = this . createInput ( "Flurst\u00fccksnummer (Z\u00e4hler/Nenner):" ) ; this . parcelInputA = b . children [ 0 ] ; this . parcelInputA . style . width = "48%" ; this . parcelInputB = this . parcelInputA . cloneNode ( ! 0 ) ; this . parcelInputB . style . marginLeft = "4%" ; b . appendChild ( this . parcelInputB ) ; a . appendChild ( b ) ; b = document . createElement ( "button" ) ; b . setAttribute ( "type" , "button" ) ; b . addEventListener ( "click" , this . onParcelSearchClick . bind ( this ) ) ; b . className = "netgis-primary netgis-hover-primary" ; b . innerHTML = "Flurst\u00fccke suchen" ;
b . style . marginTop = "4mm" ; a . appendChild ( b ) ; this . parcelInfo = document . createElement ( "p" ) ; a . appendChild ( this . parcelInfo ) ; this . parcelTable = this . createTable ( ";Flur;FS Z\u00e4hler;FS Nenner;FKZ;Fl\u00e4che (qm)" . split ( ";" ) ) ; this . parcelTable . classList . add ( "netgis-hide" ) ; a . appendChild ( this . parcelTable ) ; this . parcelList = this . parcelTable . getElementsByTagName ( "tbody" ) [ 0 ] ; this . parcelReset = document . createElement ( "button" ) ; this . parcelReset . setAttribute ( "type" , "button" ) ; this . parcelReset . addEventListener ( "click" , this . onParcelResetClick . bind ( this ) ) ;
this . parcelReset . className = "netgis-primary netgis-hover-primary" ; this . parcelReset . innerHTML = "Zur\u00fccksetzen" ; this . parcelReset . style . marginTop = "4mm" ; a . appendChild ( this . parcelReset ) ; this . reset ( ) ; this . client . root . appendChild ( this . root ) ; this . client . on ( netgis . Events . SET _MODE , this . onSetMode . bind ( this ) ) ; this . client . on ( netgis . Events . LAYER _LIST _TOGGLE , this . onLayerListToggle . bind ( this ) ) } ;
netgis . SearchParcel . prototype . createInput = function ( a ) { var b = document . createElement ( "label" ) ; b . className = "netgis-hover-text-primary" ; b . innerHTML = a ; a = document . createElement ( "input" ) ; a . setAttribute ( "type" , "text" ) ; b . appendChild ( a ) ; return b } ;
netgis . SearchParcel . prototype . createNameItem = function ( a ) { var b = document . createElement ( "li" ) , c = document . createElement ( "button" ) ; c . setAttribute ( "type" , "button" ) ; c . addEventListener ( "click" , this . onNameItemClick . bind ( this ) ) ; c . className = "netgis-text-primary netgis-hover-light" ; c . innerHTML = a ; b . appendChild ( c ) ; return b } ;
netgis . SearchParcel . prototype . createTable = function ( a ) { var b = document . createElement ( "div" ) ; b . className = "netgis-table-wrapper" ; var c = document . createElement ( "table" ) ; b . appendChild ( c ) ; var d = document . createElement ( "thead" ) ; c . appendChild ( d ) ; var e = document . createElement ( "tr" ) ; e . className = "netgis-light" ; e . style . position = "sticky" ; d . appendChild ( e ) ; for ( d = 0 ; d < a . length ; d ++ ) { var f = document . createElement ( "th" ) ; f . innerHTML = a [ d ] ; e . appendChild ( f ) } a = document . createElement ( "tbody" ) ; c . appendChild ( a ) ; return b } ;
netgis . SearchParcel . prototype . createParcelItem = function ( a , b , c , d , e , f , g ) { var h = document . createElement ( "tr" ) ; h . className = "netgis-hover-light netgis-hover-text-primary" ; h . setAttribute ( "title" , "Klicken zum zoomen" ) ; h . setAttribute ( "data-bbox" , f ) ; h . setAttribute ( "data-geom" , g ) ; h . addEventListener ( "mouseenter" , this . onParcelEnter . bind ( this ) ) ; h . addEventListener ( "mouseleave" , this . onParcelLeave . bind ( this ) ) ; h . addEventListener ( "click" , this . onParcelClick . bind ( this ) ) ; f = document . createElement ( "td" ) ; h . appendChild ( f ) ;
g = document . createElement ( "button" ) ; g . setAttribute ( "type" , "button" ) ; g . setAttribute ( "title" , "Geometrie \u00fcbernehmen" ) ; g . addEventListener ( "click" , this . onParcelImportClick . bind ( this ) ) ; g . className = "netgis-text-primary netgis-hover-primary" ; g . innerHTML = "<i class='fas fa-paste'></i>" ; f . appendChild ( g ) ; f = document . createElement ( "td" ) ; f . innerHTML = a ; h . appendChild ( f ) ; a = document . createElement ( "td" ) ; a . innerHTML = b ; h . appendChild ( a ) ; b = document . createElement ( "td" ) ; b . innerHTML = c ; h . appendChild ( b ) ; c = document . createElement ( "td" ) ;
c . innerHTML = d ; h . appendChild ( c ) ; d = document . createElement ( "td" ) ; d . innerHTML = e ; h . appendChild ( d ) ; return h } ;
netgis . SearchParcel . prototype . reset = function ( ) { this . nameLoader . classList . add ( "netgis-hide" ) ; this . nameInput . value = "" ; this . districtInput . value = "" ; this . fieldInput . value = "" ; this . parcelInputA . value = "" ; this . parcelInputB . value = "" ; this . nameList . innerHTML = "" ; this . parcelInfo . innerHTML = "" ; this . parcelList . innerHTML = "" ; this . parcelTable . classList . add ( "netgis-hide" ) ; this . parcelReset . classList . add ( "netgis-hide" ) ; this . root . scrollTop = 0 } ;
netgis . SearchParcel . prototype . onInputNameKey = function ( a ) { switch ( a . keyCode ) { case 13 : this . selectFirstName ( ) ; break ; case 27 : this . reset ( ) ; break ; default : this . requestName ( this . nameInput . value . trim ( ) ) } } ;
netgis . SearchParcel . prototype . requestName = function ( a ) { this . nameDebounce && window . clearTimeout ( this . nameDebounce ) ; if ( 0 !== a . length ) { var b = this . client . config . searchParcel . nameURL ; b = netgis . util . replace ( b , "{q}" , window . encodeURIComponent ( a ) ) ; this . nameDebounce = window . setTimeout ( this . onInputNameDebounce . bind ( this , b ) , 200 ) ; this . nameLoader . classList . remove ( "netgis-hide" ) } } ; netgis . SearchParcel . prototype . onInputNameDebounce = function ( a ) { netgis . util . request ( a , this . onInputNameResponse . bind ( this ) ) } ;
netgis . SearchParcel . prototype . onInputNameResponse = function ( a ) { this . nameLoader . classList . add ( "netgis-hide" ) ; this . nameList . innerHTML = "" ; if ( "{" === a . charAt ( 0 ) || "[" === a . charAt ( 0 ) ) { a = JSON . parse ( a ) ; for ( var b = 0 ; b < a . data . length ; b ++ ) { var c = a . data [ b ] , d = this . createNameItem ( c . gmk _name ) ; d . getElementsByTagName ( "button" ) [ 0 ] . setAttribute ( "data-id" , c . gmk _gmn ) ; this . nameList . appendChild ( d ) } } } ;
netgis . SearchParcel . prototype . onNameItemClick = function ( a ) { a = a . target ; var b = a . getAttribute ( "data-id" ) ; this . nameInput . value = a . innerHTML ; this . nameList . innerHTML = "" ; this . districtInput . value = b } ; netgis . SearchParcel . prototype . selectFirstName = function ( ) { var a = this . nameList . getElementsByTagName ( "button" ) ; 0 < a . length && a [ 0 ] . click ( ) } ; netgis . SearchParcel . prototype . onParcelSearchClick = function ( a ) { this . requestParcel ( this . districtInput . value . trim ( ) , this . fieldInput . value . trim ( ) , this . parcelInputA . value . trim ( ) , this . parcelInputB . value . trim ( ) ) } ;
netgis . SearchParcel . prototype . requestParcel = function ( a , b , c , d ) { var e = this . client . config . searchParcel . parcelURL ; e = netgis . util . replace ( e , "{district}" , a ? a : "" ) ; e = netgis . util . replace ( e , "{field}" , b ? b : "" ) ; e = netgis . util . replace ( e , "{parcelA}" , c ? c : "" ) ; e = netgis . util . replace ( e , "{parcelB}" , d ? d : "" ) ; this . parcelTable . classList . add ( "netgis-hide" ) ; this . parcelList . innerHTML = "" ; this . parcelInfo . innerHTML = "Suche Flurst\u00fccke..." ; netgis . util . request ( e , this . onParcelResponse . bind ( this ) ) } ;
netgis . SearchParcel . prototype . onParcelResponse = function ( a ) { a = JSON . parse ( a ) ; if ( 0 === a . count ) this . parcelInfo . innerHTML = a . Info ; else { this . parcelInfo . innerHTML = "Flurst\u00fccke gefunden: <span class='netgis-text-primary'>" + a . count + "</span>" ; for ( var b = 0 ; b < a . data . length ; b ++ ) { var c = a . data [ b ] ; c = this . createParcelItem ( c . fln , c . fsn _zae , c . fsn _nen , c . fsk , c . flaeche , c . bbox , c . geometry ) ; this . parcelList . appendChild ( c ) } this . parcelTable . classList . remove ( "netgis-hide" ) } this . parcelReset . classList . remove ( "netgis-hide" ) ; this . root . classList . contains ( "netgis-hide" ) ||
this . parcelTable . scrollIntoView ( ) } ; netgis . SearchParcel . prototype . onParcelEnter = function ( a ) { a = a . target . getAttribute ( "data-geom" ) ; this . client . invoke ( netgis . Events . PARCEL _SHOW _PREVIEW , { geom : a } ) } ; netgis . SearchParcel . prototype . onParcelLeave = function ( a ) { this . client . invoke ( netgis . Events . PARCEL _HIDE _PREVIEW , null ) } ; netgis . SearchParcel . prototype . onParcelClick = function ( a ) { a = a . currentTarget . getAttribute ( "data-bbox" ) ; this . client . invoke ( netgis . Events . MAP _ZOOM _WKT , a ) } ;
netgis . SearchParcel . prototype . onParcelImportClick = function ( a ) { a = a . currentTarget . parentElement . parentElement . getAttribute ( "data-geom" ) ; this . client . invoke ( netgis . Events . IMPORT _WKT , a ) } ; netgis . SearchParcel . prototype . onParcelResetClick = function ( a ) { this . reset ( ) } ; netgis . SearchParcel . prototype . onSetMode = function ( a ) { a === netgis . Modes . SEARCH _PARCEL && this . root . classList . contains ( "netgis-hide" ) ? this . root . classList . remove ( "netgis-hide" ) : this . root . classList . add ( "netgis-hide" ) } ;
netgis . SearchParcel . prototype . onLayerListToggle = function ( a ) { this . root . classList . add ( "netgis-hide" ) } ; netgis = netgis || { } ; netgis . SearchPlace = function ( ) { this . lastRequest = this . timeout = this . client = null } ; netgis . SearchPlace . prototype . load = function ( ) { this . client . on ( netgis . Events . SEARCH _PLACE _REQUEST , this . onSearchPlaceRequest . bind ( this ) ) } ;
netgis . SearchPlace . prototype . request = function ( a ) { if ( this . client . config . search && this . client . config . search . url ) { var b = this . client . config . search . url ; a = a . trim ( ) ; b = netgis . util . replace ( b , "{q}" , window . encodeURIComponent ( a ) ) ; b = netgis . util . replace ( b , "{epsg}" , 4326 ) ; b = window . encodeURI ( b ) ; this . lastRequest = netgis . util . request ( b , this . onSearchPlaceResponse . bind ( this ) ) } else console . warn ( "No search API url configured for place search!" ) } ;
2022-05-23 16:02:28 +02:00
netgis . SearchPlace . prototype . onSearchPlaceRequest = function ( a ) { var b = a . query , c = this ; this . lastRequest && this . lastRequest . abort ( ) ; this . timeout && window . clearTimeout ( this . timeout ) ; this . timeout = window . setTimeout ( function ( ) { c . request ( b ) } , 300 ) } ; netgis . SearchPlace . prototype . onSearchPlaceResponse = function ( a ) { a = JSON . parse ( a ) ; this . client . invoke ( netgis . Events . SEARCH _PLACE _RESPONSE , a ) } ; netgis = netgis || { } ;
2022-09-12 13:12:59 +02:00
netgis . SLD = function ( ) { return { read : function ( a , b ) { var c = { } ; a = ( new DOMParser ) . parseFromString ( a , "text/xml" ) . getElementsByTagName ( "NamedLayer" ) ; for ( var d = 0 ; d < a . length ; d ++ ) { var e = a [ d ] , f = e . getElementsByTagName ( "se:Name" ) [ 0 ] . innerHTML ; console . info ( "Layer:" , f ) ; e = e . getElementsByTagName ( "se:FeatureTypeStyle" ) ; for ( f = 0 ; f < e . length ; f ++ ) for ( var g = e [ f ] . getElementsByTagName ( "se:Rule" ) , h = 0 ; h < g . length ; h ++ ) { var k = g [ h ] , l = k . getElementsByTagName ( "se:Name" ) [ 0 ] . innerHTML ; console . info ( "Rule:" , l ) ; l = k . getElementsByTagName ( "se:PolygonSymbolizer" ) [ 0 ] ; k =
l . getElementsByTagName ( "se:Fill" ) [ 0 ] ; l = l . getElementsByTagName ( "se:Stroke" ) [ 0 ] ; c . polygon = { fill : k . querySelector ( "[name='fill']" ) . innerHTML , stroke : l . querySelector ( "[name='stroke']" ) . innerHTML , strokeWidth : Number . parseFloat ( l . querySelector ( "[name='stroke-width']" ) . innerHTML ) } } } console . info ( "SLD:" , c ) ; b . invoke ( netgis . Events . MAP _UPDATE _STYLE , c ) ; return c } } } ( ) ; netgis = netgis || { } ; netgis . Toolbar = function ( ) { this . client = null ; this . toolbars = { } ; this . searchValue = "" } ;
2023-01-31 16:26:59 +01:00
netgis . Toolbar . prototype . load = function ( ) { var a = this . client . config ; this . root = document . createElement ( "section" ) ; this . root . className = "netgis-toolbars" ; if ( this . client . editable ) { var b = 1E3 , c = 3 ; netgis . util . isDefined ( a . tools ) && ( netgis . util . isDefined ( a . tools . buffer . defaultRadius ) && ( b = a . tools . buffer . defaultRadius ) , netgis . util . isDefined ( a . tools . buffer . defaultSegments ) && ( c = a . tools . buffer . defaultSegments ) ) ; this . toolbars [ netgis . Modes . DRAW _POINTS ] = this . createToolbar ( ) ; this . append ( this . toolbars [ netgis . Modes . DRAW _POINTS ] ,
this . createToolbarButton ( '<i class="fas fa-times"></i><span>Punkte zeichnen:</span>' , this . onToolbarClose . bind ( this ) ) ) ; this . append ( this . toolbars [ netgis . Modes . DRAW _POINTS ] , this . createToolbarCheckbox ( "Einrasten" , this . onSnapChange . bind ( this ) ) ) ; this . append ( this . toolbars [ netgis . Modes . DRAW _POINTS ] , this . createToolbarCheckbox ( "Puffern" , this . onDrawBufferChange . bind ( this ) ) ) ; this . append ( this . toolbars [ netgis . Modes . DRAW _POINTS ] , this . createToolbarInput ( "Radius (Meter):" , b , this . onDrawBufferRadiusChange . bind ( this ) ) ) ;
this . append ( this . toolbars [ netgis . Modes . DRAW _POINTS ] , this . createToolbarInput ( "Segmente:" , c , this . onDrawBufferSegmentsChange . bind ( this ) ) ) ; this . root . appendChild ( this . toolbars [ netgis . Modes . DRAW _POINTS ] ) ; this . toolbars [ netgis . Modes . DRAW _LINES ] = this . createToolbar ( ) ; this . append ( this . toolbars [ netgis . Modes . DRAW _LINES ] , this . createToolbarButton ( '<i class="fas fa-times"></i><span>Linien zeichnen:</span>' , this . onToolbarClose . bind ( this ) ) ) ; this . append ( this . toolbars [ netgis . Modes . DRAW _LINES ] , this . createToolbarCheckbox ( "Einrasten" ,
this . onSnapChange . bind ( this ) ) ) ; this . append ( this . toolbars [ netgis . Modes . DRAW _LINES ] , this . createToolbarCheckbox ( "Puffern" , this . onDrawBufferChange . bind ( this ) ) ) ; this . append ( this . toolbars [ netgis . Modes . DRAW _LINES ] , this . createToolbarInput ( "Radius (Meter):" , b , this . onDrawBufferRadiusChange . bind ( this ) ) ) ; this . append ( this . toolbars [ netgis . Modes . DRAW _LINES ] , this . createToolbarInput ( "Segmente:" , c , this . onDrawBufferSegmentsChange . bind ( this ) ) ) ; this . root . appendChild ( this . toolbars [ netgis . Modes . DRAW _LINES ] ) ; this . showDrawBufferOptions ( ! 1 ) ;
this . toolbars [ netgis . Modes . DRAW _POLYGONS ] = this . createToolbar ( ) ; this . append ( this . toolbars [ netgis . Modes . DRAW _POLYGONS ] , this . createToolbarButton ( '<i class="fas fa-times"></i><span>Polygone zeichnen:</span>' , this . onToolbarClose . bind ( this ) ) ) ; this . append ( this . toolbars [ netgis . Modes . DRAW _POLYGONS ] , this . createToolbarCheckbox ( "Einrasten" , this . onSnapChange . bind ( this ) ) ) ; this . append ( this . toolbars [ netgis . Modes . DRAW _POLYGONS ] , this . createToolbarCheckbox ( "Tracing" , this . onTracingChange . bind ( this ) ) ) ; this . root . appendChild ( this . toolbars [ netgis . Modes . DRAW _POLYGONS ] ) ;
this . toolbars [ netgis . Modes . CUT _FEATURE _BEGIN ] = this . createToolbar ( ) ; this . append ( this . toolbars [ netgis . Modes . CUT _FEATURE _BEGIN ] , this . createToolbarButton ( '<i class="fas fa-times"></i><span>Feature zum Ausschneiden w\u00e4hlen:</span>' , this . onToolbarClose . bind ( this ) ) ) ; this . root . appendChild ( this . toolbars [ netgis . Modes . CUT _FEATURE _BEGIN ] ) ; this . toolbars [ netgis . Modes . CUT _FEATURE _DRAW ] = this . createToolbar ( ) ; this . append ( this . toolbars [ netgis . Modes . CUT _FEATURE _DRAW ] , this . createToolbarButton ( '<i class="fas fa-times"></i><span>Fl\u00e4che zum Ausschneiden zeichnen:</span>' ,
this . onToolbarClose . bind ( this ) ) ) ; this . root . appendChild ( this . toolbars [ netgis . Modes . CUT _FEATURE _DRAW ] ) ; this . toolbars [ netgis . Modes . MODIFY _FEATURES ] = this . createToolbar ( ) ; this . append ( this . toolbars [ netgis . Modes . MODIFY _FEATURES ] , this . createToolbarButton ( '<i class="fas fa-times"></i><span>Features verschieben:</span>' , this . onToolbarClose . bind ( this ) ) ) ; this . root . appendChild ( this . toolbars [ netgis . Modes . MODIFY _FEATURES ] ) ; this . toolbars [ netgis . Modes . DELETE _FEATURES ] = this . createToolbar ( ) ; this . append ( this . toolbars [ netgis . Modes . DELETE _FEATURES ] ,
this . createToolbarButton ( '<i class="fas fa-times"></i><span>Features l\u00f6schen:</span>' , this . onToolbarClose . bind ( this ) ) ) ; this . root . appendChild ( this . toolbars [ netgis . Modes . DELETE _FEATURES ] ) ; this . toolbars [ netgis . Modes . BUFFER _FEATURE _BEGIN ] = this . createToolbar ( ) ; this . append ( this . toolbars [ netgis . Modes . BUFFER _FEATURE _BEGIN ] , this . createToolbarButton ( '<i class="fas fa-times"></i><span>Feature zum Puffern w\u00e4hlen:</span>' , this . onToolbarClose . bind ( this ) ) ) ; this . root . appendChild ( this . toolbars [ netgis . Modes . BUFFER _FEATURE _BEGIN ] ) ;
this . toolbars [ netgis . Modes . BUFFER _FEATURE _EDIT ] = this . createToolbar ( ) ; this . append ( this . toolbars [ netgis . Modes . BUFFER _FEATURE _EDIT ] , this . createToolbarButton ( '<i class="fas fa-times"></i><span>Feature puffern:</span>' , this . onBufferCancel . bind ( this ) ) ) ; this . append ( this . toolbars [ netgis . Modes . BUFFER _FEATURE _EDIT ] , this . createToolbarInput ( "Radius (Meter):" , b , this . onBufferChange . bind ( this ) ) ) ; this . append ( this . toolbars [ netgis . Modes . BUFFER _FEATURE _EDIT ] , this . createToolbarInput ( "Segmente:" , c , this . onBufferChange . bind ( this ) ) ) ;
this . append ( this . toolbars [ netgis . Modes . BUFFER _FEATURE _EDIT ] , this . createToolbarButton ( '<i class="fas fa-check"></i><span>OK</span>' , this . onBufferAccept . bind ( this ) ) ) ; a = this . toolbars [ netgis . Modes . BUFFER _FEATURE _EDIT ] . getElementsByTagName ( "input" ) ; a [ 0 ] . addEventListener ( "keyup" , this . onBufferKeyUp . bind ( this ) ) ; a [ 1 ] . addEventListener ( "keyup" , this . onBufferKeyUp . bind ( this ) ) ; a [ 1 ] . setAttribute ( "min" , 1 ) ; this . root . appendChild ( this . toolbars [ netgis . Modes . BUFFER _FEATURE _EDIT ] ) } this . toolbars [ netgis . Modes . SEARCH _PLACE ] =
this . createToolbar ( ) ; this . append ( this . toolbars [ netgis . Modes . SEARCH _PLACE ] , this . createToolbarButton ( '<i class="fas fa-times"></i><span>Suche:</span>' , this . onToolbarClose . bind ( this ) ) ) ; a = this . createToolbarInputText ( "Adresse..." , "" , null ) ; a . style . position = "relative" ; this . searchInput = a . getElementsByTagName ( "input" ) [ 0 ] ; this . searchInput . addEventListener ( "keyup" , this . onSearchKeyUp . bind ( this ) ) ; this . searchInput . addEventListener ( "focus" , this . onSearchFocus . bind ( this ) ) ; this . searchInput . addEventListener ( "blur" ,
this . onSearchBlur . bind ( this ) ) ; this . append ( this . toolbars [ netgis . Modes . SEARCH _PLACE ] , a ) ; this . searchList = document . createElement ( "ul" ) ; this . searchList . className = "netgis-dropdown-content netgis-search-list netgis-dialog netgis-shadow netgis-hide" ; a . appendChild ( this . searchList ) ; this . append ( this . toolbars [ netgis . Modes . SEARCH _PLACE ] , this . createToolbarButton ( '<i class="fas fa-undo"></i>' , this . onSearchClear . bind ( this ) ) ) ; this . root . appendChild ( this . toolbars [ netgis . Modes . SEARCH _PLACE ] ) ; this . client . root . appendChild ( this . root ) ;
this . client . on ( netgis . Events . SET _MODE , this . onSetMode . bind ( this ) ) ; this . client . on ( netgis . Events . SEARCH _PLACE _RESPONSE , this . onSearchPlaceResponse . bind ( this ) ) } ; netgis . Toolbar . prototype . createToolbar = function ( ) { var a = document . createElement ( "div" ) ; a . className = "netgis-toolbar netgis-dialog netgis-shadow netgis-hide" ; var b = document . createElement ( "div" ) ; a . appendChild ( b ) ; return a } ; netgis . Toolbar . prototype . append = function ( a , b ) { a . getElementsByTagName ( "div" ) [ 0 ] . appendChild ( b ) } ;
netgis . Toolbar . prototype . createToolbarButton = function ( a , b ) { var c = document . createElement ( "button" ) ; c . setAttribute ( "type" , "button" ) ; c . className = "netgis-hover-light" ; c . innerHTML = a ; c . addEventListener ( "click" , b ) ; return c } ;
2022-04-04 12:27:45 +02:00
netgis . Toolbar . prototype . createToolbarCheckbox = function ( a , b ) { var c = document . createElement ( "label" ) ; c . className = "netgis-hover-light" ; var d = document . createElement ( "input" ) ; d . setAttribute ( "type" , "checkbox" ) ; d . addEventListener ( "change" , b ) ; c . appendChild ( d ) ; a = document . createTextNode ( a ) ; c . appendChild ( a ) ; return c } ;
netgis . Toolbar . prototype . createToolbarInput = function ( a , b , c ) { var d = document . createElement ( "label" ) ; d . className = "netgis-hover-light" ; a = document . createTextNode ( a ) ; d . appendChild ( a ) ; a = document . createElement ( "input" ) ; a . setAttribute ( "type" , "number" ) ; a . setAttribute ( "min" , 0 ) ; a . value = b ; a . addEventListener ( "change" , c ) ; d . appendChild ( a ) ; return d } ;
netgis . Toolbar . prototype . createToolbarInputText = function ( a , b , c ) { var d = document . createElement ( "label" ) ; d . className = "netgis-hover-light" ; var e = document . createElement ( "input" ) ; e . setAttribute ( "type" , "text" ) ; e . setAttribute ( "placeholder" , a ) ; e . value = b ; c && e . addEventListener ( "change" , c ) ; d . appendChild ( e ) ; return d } ;
2023-01-31 16:26:59 +01:00
netgis . Toolbar . prototype . onSetMode = function ( a ) { var b = ! this . toolbars [ netgis . Modes . SEARCH _PLACE ] . classList . contains ( "netgis-hide" ) ; netgis . util . foreach ( this . toolbars , function ( b , d ) { b === a ? d . classList . remove ( "netgis-hide" ) : d . classList . add ( "netgis-hide" ) } ) ; switch ( a ) { case netgis . Modes . SEARCH _PLACE : b ? this . client . invoke ( netgis . Events . SET _MODE , netgis . Modes . VIEW ) : this . searchInput . focus ( ) ; break ; case netgis . Modes . BUFFER _FEATURE _EDIT : this . updateBuffer ( ) ; break ; case netgis . Modes . DRAW _POINTS : case netgis . Modes . DRAW _LINES : this . toolbars [ netgis . Modes . DRAW _POINTS ] . getElementsByTagName ( "input" ) [ 1 ] . checked &&
this . client . invoke ( netgis . Events . DRAW _BUFFER _ON , null ) } } ; netgis . Toolbar . prototype . onToolbarClose = function ( a ) { this . client . invoke ( netgis . Events . SET _MODE , netgis . Modes . VIEW ) } ; netgis . Toolbar . prototype . searchRequest = function ( a ) { a = a . trim ( ) ; a !== this . searchValue && ( this . searchValue = a , 0 < a . length && this . client . invoke ( netgis . Events . SEARCH _PLACE _REQUEST , { query : a } ) ) } ; netgis . Toolbar . prototype . searchClear = function ( ) { this . searchInput . value = "" ; this . searchList . innerHTML = "" } ;
2022-04-04 12:27:45 +02:00
netgis . Toolbar . prototype . searchSelectFirst = function ( ) { var a = this . searchList . getElementsByTagName ( "button" ) ; if ( 0 < a . length ) this . onSearchItemClick ( { target : a [ 0 ] } ) } ; netgis . Toolbar . prototype . onSearchKeyUp = function ( a ) { var b = a . target ; switch ( a . keyCode ) { case 13 : this . searchSelectFirst ( ) ; this . searchList . classList . add ( "netgis-hide" ) ; break ; case 27 : this . searchClear ( ) ; break ; default : this . searchRequest ( b . value ) } } ; netgis . Toolbar . prototype . onSearchChange = function ( a ) { this . searchRequest ( a . target . value ) } ;
netgis . Toolbar . prototype . onSearchClear = function ( a ) { this . searchClear ( ) ; this . searchInput . focus ( ) } ; netgis . Toolbar . prototype . onSearchFocus = function ( a ) { this . searchList . classList . remove ( "netgis-hide" ) } ; netgis . Toolbar . prototype . onSearchBlur = function ( a ) { this . searchList . classList . add ( "netgis-hide" ) } ;
2022-04-19 17:22:06 +02:00
netgis . Toolbar . prototype . onSearchPlaceResponse = function ( a ) { this . searchList . innerHTML = "" ; a = a . geonames ; for ( var b = 0 ; b < a . length ; b ++ ) { var c = a [ b ] , d = document . createElement ( "li" ) ; d . className = "netgis-hover-light" ; var e = document . createElement ( "button" ) ; e . setAttribute ( "type" , "button" ) ; e . innerHTML = c . title ; e . dataset . title = c . title ; e . dataset . minx = c . minx ; e . dataset . miny = c . miny ; e . dataset . maxx = c . maxx ; e . dataset . maxy = c . maxy ; e . addEventListener ( "mousedown" , this . onSearchItemClick . bind ( this ) ) ; d . appendChild ( e ) ; this . searchList . appendChild ( d ) } } ;
2022-04-04 12:27:45 +02:00
netgis . Toolbar . prototype . onSearchItemClick = function ( a ) { var b = a . target ; a = b . dataset . title ; var c = Number . parseFloat ( b . dataset . minx ) , d = Number . parseFloat ( b . dataset . miny ) , e = Number . parseFloat ( b . dataset . maxx ) ; b = Number . parseFloat ( b . dataset . maxy ) ; this . client . invoke ( netgis . Events . MAP _SET _EXTENT , { minx : c , miny : d , maxx : e , maxy : b } ) ; this . searchValue = a } ;
2022-04-19 17:22:06 +02:00
netgis . Toolbar . prototype . updateBuffer = function ( ) { var a = this . toolbars [ netgis . Modes . BUFFER _FEATURE _EDIT ] . getElementsByTagName ( "input" ) , b = Number . parseFloat ( a [ 0 ] . value ) ; a = Number . parseInt ( a [ 1 ] . value ) ; this . client . invoke ( netgis . Events . BUFFER _CHANGE , { radius : b , segments : a } ) } ; netgis . Toolbar . prototype . onBufferChange = function ( a ) { this . updateBuffer ( ) } ; netgis . Toolbar . prototype . onBufferKeyUp = function ( a ) { this . updateBuffer ( ) } ;
2022-04-04 12:27:45 +02:00
netgis . Toolbar . prototype . onBufferAccept = function ( a ) { this . client . invoke ( netgis . Events . BUFFER _ACCEPT , null ) ; this . client . invoke ( netgis . Events . SET _MODE , netgis . Modes . VIEW ) } ; netgis . Toolbar . prototype . onBufferCancel = function ( a ) { this . client . invoke ( netgis . Events . BUFFER _CANCEL , null ) ; this . client . invoke ( netgis . Events . SET _MODE , netgis . Modes . VIEW ) } ;
2023-01-31 16:26:59 +01:00
netgis . Toolbar . prototype . onSnapChange = function ( a ) { a = a . target . checked ; this . toolbars [ netgis . Modes . DRAW _POINTS ] . getElementsByTagName ( "input" ) [ 0 ] . checked = a ; this . toolbars [ netgis . Modes . DRAW _LINES ] . getElementsByTagName ( "input" ) [ 0 ] . checked = a ; this . toolbars [ netgis . Modes . DRAW _POLYGONS ] . getElementsByTagName ( "input" ) [ 0 ] . checked = a ; this . client . invoke ( a ? netgis . Events . SNAP _ON : netgis . Events . SNAP _OFF , null ) } ;
netgis . Toolbar . prototype . onTracingChange = function ( a ) { a = a . target . checked ; var b = this . toolbars [ netgis . Modes . DRAW _POLYGONS ] . getElementsByTagName ( "input" ) [ 0 ] , c = b . checked ; a && ! c && ( b . checked = a , this . client . invoke ( netgis . Events . SNAP _ON , null ) ) ; this . client . invoke ( a ? netgis . Events . TRACING _ON : netgis . Events . TRACING _OFF , null ) } ;
netgis . Toolbar . prototype . onDrawBufferChange = function ( a ) { a = a . target . checked ; this . toolbars [ netgis . Modes . DRAW _POINTS ] . getElementsByTagName ( "input" ) [ 1 ] . checked = a ; this . toolbars [ netgis . Modes . DRAW _LINES ] . getElementsByTagName ( "input" ) [ 1 ] . checked = a ; this . client . invoke ( a ? netgis . Events . DRAW _BUFFER _ON : netgis . Events . DRAW _BUFFER _OFF , null ) ; this . showDrawBufferOptions ( a ) } ;
netgis . Toolbar . prototype . onDrawBufferRadiusChange = function ( a ) { a = a . target ; var b = Number . parseFloat ( a . value ) ; this . client . invoke ( netgis . Events . DRAW _BUFFER _RADIUS _CHANGE , b ) ; var c = this . toolbars [ netgis . Modes . DRAW _POINTS ] . getElementsByTagName ( "input" ) [ 2 ] ; a !== c && ( c . value = b ) ; c = this . toolbars [ netgis . Modes . DRAW _LINES ] . getElementsByTagName ( "input" ) [ 2 ] ; a !== c && ( c . value = b ) } ;
netgis . Toolbar . prototype . onDrawBufferSegmentsChange = function ( a ) { a = a . target ; var b = Number . parseInt ( a . value ) ; this . client . invoke ( netgis . Events . DRAW _BUFFER _SEGMENTS _CHANGE , b ) ; var c = this . toolbars [ netgis . Modes . DRAW _POINTS ] . getElementsByTagName ( "input" ) [ 3 ] ; a !== c && ( c . value = b ) ; c = this . toolbars [ netgis . Modes . DRAW _LINES ] . getElementsByTagName ( "input" ) [ 3 ] ; a !== c && ( c . value = b ) } ;
netgis . Toolbar . prototype . showDrawBufferOptions = function ( a ) { var b = this . toolbars [ netgis . Modes . DRAW _POINTS ] . children [ 0 ] . children , c = this . toolbars [ netgis . Modes . DRAW _LINES ] . children [ 0 ] . children ; a ? ( b [ 3 ] . classList . remove ( "netgis-hide" ) , b [ 4 ] . classList . remove ( "netgis-hide" ) , c [ 3 ] . classList . remove ( "netgis-hide" ) , c [ 4 ] . classList . remove ( "netgis-hide" ) ) : ( b [ 3 ] . classList . add ( "netgis-hide" ) , b [ 4 ] . classList . add ( "netgis-hide" ) , c [ 3 ] . classList . add ( "netgis-hide" ) , c [ 4 ] . classList . add ( "netgis-hide" ) ) } ; netgis = netgis || { } ;
2022-04-04 12:27:45 +02:00
netgis . util = function ( ) { var a = function ( a , c ) { for ( var b in a ) a . hasOwnProperty ( b ) && c ( b , a [ b ] ) } ; return { isDefined : function ( a ) { return "undefined" !== typeof a } , isString : function ( a ) { return "string" === typeof a || a instanceof String } , replace : function ( a , c , d ) { return a . replace ( new RegExp ( c , "g" ) , d ) } , foreach : a , template : function ( b , c ) { a ( c , function ( a , c ) { b = b . replace ( new RegExp ( "{" + a + "}" , "g" ) , c ) } ) ; return b } , newlines : function ( a ) { return a . replace ( /\n/g , "<br />" ) } , create : function ( a ) { var b = document . createElement ( "tbody" ) ; b . innerHTML =
2023-01-31 16:26:59 +01:00
a ; return b . children [ 0 ] } , size : function ( a ) { a = ( new TextEncoder ) . encode ( JSON . stringify ( a ) ) . length ; var b = a / 1024 ; return { bytes : a , kilobytes : b , megabytes : b / 1024 } } , request : function ( a , c ) { var b = new XMLHttpRequest ; b . onload = function ( ) { c ( this . responseText ) } ; b . open ( "GET" , a , ! 0 ) ; b . send ( ) } , padstr : function ( a , c ) { for ( a = a . toString ( ) ; a . length < c ; ) a = "0" + a ; return a } , merge : function ( a , c ) { return Object . assign ( a , c ) } , getTimeStamp : function ( ) { var a = new Date , c = a . getDate ( ) + "." + ( a . getMonth ( ) + 1 ) + "." + a . getFullYear ( ) ; return c += " " + a . getHours ( ) +
":" + a . getMinutes ( ) } , formatArea : function ( a , c ) { var b = 1E4 < a ; a = b ? c ? Math . round ( a / 1E6 * 1E3 ) / 1E3 : Math . round ( a / 1E6 ) : c ? Math . round ( 100 * a ) / 100 : Math . round ( a ) ; 0 === a && ( b = ! 1 ) ; return a + ( b ? " qkm" : " qm" ) } } } ( ) ;
