@vidro/map-handler 1.1.3 → 1.1.15

package/examples/integration/tool/img/ic/user.svg

@@ -1 +0,0 @@
-<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg enable-background="new -0.709 -3.459 141.732 141.732" height="141.732px" id="Livello_1" version="1.1" viewBox="-0.709 -3.459 141.732 141.732" width="141.732px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Livello_101"><path d="M70.157,78.355c17.968,0,32.535-17.541,32.535-39.178C102.692,17.54,88.125,0,70.157,0S37.623,17.541,37.623,39.178   C37.623,60.815,52.189,78.355,70.157,78.355 M70.157,78.355c-37.146,0-67.548,24.904-70.157,56.46h140.314   C137.705,103.26,107.304,78.355,70.157,78.355"/></g><g id="Livello_1_1_"/></svg>

package/examples/integration/tool/img/ic/vector-polygon.svg

@@ -1 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M2,2V8H4.28L5.57,16H4V22H10V20.06L15,20.05V22H21V16H19.17L20,9H22V3H16V6.53L14.8,8H9.59L8,5.82V2M4,4H6V6H4M18,5H20V7H18M6.31,8H7.11L9,10.59V14H15V10.91L16.57,9H18L17.16,16H15V18.06H10V16H7.6M11,10H13V12H11M6,18H8V20H6M17,18H19V20H17" /></svg>

package/examples/integration/tool/img/ic/visit_manager.svg

@@ -1,135 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="24"
-   height="24"
-   viewBox="0 0 6.3499999 6.3500002"
-   version="1.1"
-   id="svg8"
-   inkscape:version="0.92.3 (2405546, 2018-03-11)"
-   sodipodi:docname="visit_manager.svg">
-  <defs
-     id="defs2" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="15.839192"
-     inkscape:cx="2.7587008"
-     inkscape:cy="11.549382"
-     inkscape:document-units="mm"
-     inkscape:current-layer="layer1"
-     showgrid="false"
-     units="px"
-     inkscape:window-width="1920"
-     inkscape:window-height="1001"
-     inkscape:window-x="-9"
-     inkscape:window-y="-9"
-     inkscape:window-maximized="1" />
-  <metadata
-     id="metadata5">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     id="layer1"
-     transform="translate(0,-290.64998)">
-    <path
-       inkscape:connector-curvature="0"
-       d="M 5.353214,296.31437 H 0.996785 v -3.42291 h 4.356429 m -0.933522,-2.17822 v 0.62235 H 1.930307 v -0.62235 H 1.307955 v 0.62235 h -0.31117 c -0.345406,0 -0.622352,0.27694 -0.622352,0.62235 v 4.35643 a 0.6223482,0.6223482 0 0 0 0.622352,0.62235 h 4.356429 a 0.6223482,0.6223482 0 0 0 0.622353,-0.62235 v -4.35643 c 0,-0.34541 -0.280063,-0.62235 -0.622353,-0.62235 h -0.31117 v -0.62235"
-       id="path4"
-       style="stroke-width:0.31117409" />
-    <g
-       id="g971"
-       transform="matrix(0.00889301,0,0,0.00889301,1.6187219,293.0538)">
-      <g
-         id="g912">
-	<path
-   id="path904"
-   d="m 175,171.173 c 38.914,0 70.463,-38.318 70.463,-85.586 C 245.463,38.318 235.105,0 175,0 c -60.105,0 -70.465,38.318 -70.465,85.587 0,47.268 31.549,85.586 70.465,85.586 z"
-   inkscape:connector-curvature="0" />
-
-	<path
-   id="path906"
-   d="m 41.909,301.853 c -0.012,-2.882 -0.024,-0.812 0,0 z"
-   inkscape:connector-curvature="0" />
-
-	<path
-   id="path908"
-   d="m 308.085,304.104 c 0.038,-0.789 0.013,-5.474 0,0 z"
-   inkscape:connector-curvature="0" />
-
-	<path
-   id="path910"
-   d="M 307.935,298.397 C 306.63,216.055 295.876,192.592 213.583,177.74 c 0,0 -11.584,14.761 -38.584,14.761 -27,0 -38.586,-14.761 -38.586,-14.761 -81.395,14.69 -92.803,37.805 -94.303,117.982 -0.123,6.547 -0.18,6.891 -0.202,6.131 0.005,1.424 0.011,4.058 0.011,8.651 0,0 19.592,39.496 133.08,39.496 113.486,0 133.08,-39.496 133.08,-39.496 0,-2.951 0.002,-5.003 0.005,-6.399 -0.022,0.47 -0.066,-0.441 -0.149,-5.708 z"
-   inkscape:connector-curvature="0" />
-
-</g>
-      <g
-         id="g914">
-</g>
-      <g
-         id="g916">
-</g>
-      <g
-         id="g918">
-</g>
-      <g
-         id="g920">
-</g>
-      <g
-         id="g922">
-</g>
-      <g
-         id="g924">
-</g>
-      <g
-         id="g926">
-</g>
-      <g
-         id="g928">
-</g>
-      <g
-         id="g930">
-</g>
-      <g
-         id="g932">
-</g>
-      <g
-         id="g934">
-</g>
-      <g
-         id="g936">
-</g>
-      <g
-         id="g938">
-</g>
-      <g
-         id="g940">
-</g>
-      <g
-         id="g942">
-</g>
-    </g>
-  </g>
-</svg>

package/examples/integration/tool/img/photo-gallery-placeholder.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44">
-    <path fill="#E0E0E0" fill-rule="nonzero" d="M13.75 25.25l5.536 6.5 7.75-9.75L37 35H6l7.75-9.75zM42 37.556V6.444C42 3.978 40 2 37.556 2H6.444A4.444 4.444 0 0 0 2 6.444v31.112A4.444 4.444 0 0 0 6.444 42h31.112A4.444 4.444 0 0 0 42 37.556z"/>
-</svg>

package/examples/integration/tool/index.html

@@ -1,228 +0,0 @@
-
-<!DOCTYPE html>
-<html>
-<head>
-	<base>
-	<link rel="stylesheet" href="css/dist/style.min.css" />
-	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
-	<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
-	<meta charset="utf-8" />
-	<title>Demo BMAPS con componente</title>
-</head>
-<body>
-	<header>
-		<a href="javascript: return false;" class="menu-toggle closed">
-			<img src="img/ic/hamburger.svg" class="svg hamburger" />
-			<img src="img/ic/times.svg" class="svg times" />
-
-		</a>
-		<div class="brand">
-			<a href="https://bmaps.bgeo.es/dev/demo/home.php"><img src="img/logo_project.png" border="0"/></a>
-		</div>
-
-		<ul class="tools">
-			<!-- Icono "geolocalizador" -->
-			<li>
-				<button id="btGeolocalize" title="Geolocalización" data-container="body"><img src="img/ic/toolbar/TB1.svg" class="svg" /></button>
-			</li>
-			<!-- FIN Icono "geolocalizador" -->
-			<!-- Icono "Zoom In" -->
-			<li>
-				<button id="btZoomIn" data-toggle="tooltip" data-placement="left" title="{{tooltipZoomIn}}" data-container="body"><img src="img/ic/toolbar/TB3.svg" class="svg" /></button>
-
-			</li>
-			<!-- FIN Icono "Zoom In" -->
-			<!-- Icono "Zoom out" -->
-			<li>
-				<button id="btZoomOut" data-toggle="tooltip" data-placement="left" title="{{tooltipZoomOut}}" data-container="body"><img src="img/ic/toolbar/TB4.svg" class="svg" /></button>
-
-			</li>
-			<!-- FIN Icono "Zoom in" -->
-			<!-- Icono "Zoom extension" -->
-			<li>
-				<button id="btZoomToExtent" data-toggle="tooltip" data-placement="left" title="{{tooltipExtent}}" data-container="body"><img src="img/ic/toolbar/TB2.svg" class="svg" /></button>
-
-			</li>
-			<!-- FIN Icono "Zoom extension" -->
-			<!-- Icono "Añadir punto" -->
-			<li >
-				<button id="btAddPoint" data-toggle="tooltip" data-placement="left" ng-class="selectedClass" data-container="body" title="{{tooltipaddPoint}}"><img src="img/ic/toolbar/TB7.svg" class="svg" /></a></button>
-
-			</li>
-			<!-- FIN Icono "Añadir punto" -->
-			<!-- Icono "Añadir arco" -->
-			<li>
-				<button id="btAddLine" ng-disabled="addLineDisabled" ng-class="selectedClass" data-toggle="tooltip" data-placement="left" data-container="body" title="{{tooltipaddLine}}"><img src="img/ic/toolbar/TB8.svg" class="svg" /></a></button>
-
-			</li>
-			<!-- FIN Icono "Añadir arco" -->
-			<!-- Icono "bt Polygon" -->
-			<li>
-				<button id="btAddPolygon" ng-class="selectedClass" data-toggle="tooltip" data-placement="left" data-container="body" title="{{tooltipaddPolygon}}"><img src="img/ic/vector-polygon.svg" class="svg" /></a></button>
-			</li>
-			<!-- FIN Icono "bt Polygon" -->
-			<!-- Icono "New mincut" -->
-			<li>
-				<button data-toggle="tooltip" data-placement="left" ng-class="selectedClass" data-container="body" title="{{tooltipMincut}}"><img src="img/ic/toolbar/TB31.svg" class="svg" /></a></button>
-
-			</li>
-			<!-- FIN Icono "End new mincut" -->
-				
-		</ul>
-
-	</header>
-
-	<div class="menu-toc">
-		<div class="sidebar closed">
-			<ul>
-				
-				<li>
-					<a href="#">
-						<div class="col col-1"><img src="img/ic/settings.svg" class="svg ico" /></div>
-						<div class="col col-2">Configuración</div>
-						<div class="col col-3"><img src="img/ic/chevron-right.svg" class="svg chevron pull-right" /></div>
-					</a>
-					<!-- Configuración CONTAINER -->
-					<div class="content">
-						<div class="toc-config">
-							<div class="form">
-								<div class="form-control" ng-show="mc.show_use_tiled_background">
-									<label for="blankCheckbox">Usar mapa de fondo tileado</label>
-									<input type="checkbox" id="tiledCheck" checked onclick="toggleTiled()">Usar mapa de fondo tileado
-								</div>
-							</div>
-						</div>
-					</div>
-					<!-- END Configuración CONTAINER -->
-				</li>
-
-
-		</div>
-	</div>
-
-	<div class="menu-tools">
-		<a href="#" class="menu-toggle closed" id="menuToolsMobile">
-			<img src="img/ic/tools.svg" class="svg hamburger" />
-			<img src="img/ic/times.svg" class="svg times" />
-		</a>
-		<ul class="tools closed">
-						<!-- Icono "geolocalizador" -->
-			<li>
-				<button id="btGeolocalize" title="Geolocalización" data-container="body"><img src="img/ic/toolbar/TB1.svg" class="svg" /></button>
-			</li>
-			<!-- FIN Icono "geolocalizador" -->
-			<!-- Icono "Zoom In" -->
-			<li>
-				<button id="btZoomIn" data-toggle="tooltip" data-placement="left" title="{{tooltipZoomIn}}" data-container="body"><img src="img/ic/toolbar/TB3.svg" class="svg" /></button>
-
-			</li>
-			<!-- FIN Icono "Zoom In" -->
-			<!-- Icono "Zoom out" -->
-			<li>
-				<button id="btZoomOut" data-toggle="tooltip" data-placement="left" title="{{tooltipZoomOut}}" data-container="body"><img src="img/ic/toolbar/TB4.svg" class="svg" /></button>
-
-			</li>
-			<!-- FIN Icono "Zoom in" -->
-			<!-- Icono "Zoom extension" -->
-			<li>
-				<button id="btZoomToExtent" data-toggle="tooltip" data-placement="left" title="{{tooltipExtent}}" data-container="body"><img src="img/ic/toolbar/TB2.svg" class="svg" /></button>
-
-			</li>
-			<!-- FIN Icono "Zoom extension" -->
-			<!-- Icono "Añadir punto" -->
-			<li >
-				<button id="btAddPoint" data-toggle="tooltip" data-placement="left" ng-class="selectedClass" data-container="body" title="{{tooltipaddPoint}}"><img src="img/ic/toolbar/TB7.svg" class="svg" /></a></button>
-
-			</li>
-			<!-- FIN Icono "Añadir punto" -->
-			<!-- Icono "Añadir arco" -->
-			<li>
-				<button id="btAddLine" ng-disabled="addLineDisabled" ng-class="selectedClass" data-toggle="tooltip" data-placement="left" data-container="body" title="{{tooltipaddLine}}"><img src="img/ic/toolbar/TB8.svg" class="svg" /></a></button>
-
-			</li>
-			<!-- FIN Icono "Añadir arco" -->
-			<!-- Icono "bt Polygon" -->
-			<li>
-				<button id="btAddPolygon" ng-class="selectedClass" data-toggle="tooltip" data-placement="left" data-container="body" title="{{tooltipaddPolygon}}"><img src="img/ic/vector-polygon.svg" class="svg" /></a></button>
-			</li>
-			<!-- FIN Icono "bt Polygon" -->
-			<!-- Icono "New mincut" -->
-			<li>
-				<button data-toggle="tooltip" data-placement="left" ng-class="selectedClass" data-container="body" title="{{tooltipMincut}}"><img src="img/ic/toolbar/TB31.svg" class="svg" /></a></button>
-
-			</li>
-			<!-- FIN Icono "End new mincut" -->
-		</ul>
-	</div>
-
-	<div id="map">
-		<iframe id="map-frame" name="map-frame" width="100%" height="100%" src="" allow="geolocation"></iframe>
-	</div>
-	<div class="forms-area">
-	<!-- ************************************************************************************* -->
-	<!-- ************************************************************************************* -->
-	<!-- ********************************       Form Filters      **************************** -->
-	<!-- ************************************************************************************* -->
-	<!-- ************************************************************************************* -->
-
-		<div id="infoContainer" class="drop-down-form">
-
-			<div class="header">
-				<div class="title">
-					<div class="ico-area">
-						<img src="img/ic/ic_search.svg"/>
-					</div>
-					<span class="title-area" id="formName"></span>
-					<div class="buttons-area">
-						<button onclick="closePointInfo()"><img src="img/ic/ic_dropdown-form-close.svg" alt="Cerrar" /></button>
-						<!-- Botón cerrar siempre visible -->
-					</div>
-				</div>
-				<div class="tabs">
-					<ul>
-						<li><button>Info</button></li>
-					</ul>
-				</div>
-			</div>
-
-			<div class="content">
-					<div class="tab-content dynamicForm" ng-repeat="tab in mc.filterTabs">
-					
-						<div class="form-component" id="fields">
-			
-						</div>
-					</div>
-			</div>
-			<div class="footer">
-				<div ng-repeat="tab in mc.filterTabs">
-					<span ng-repeat="item in tab.fields">
-						<form-button data="{{item}}" ng-model="item.name" ng-if="item.type=='button' && item.position=='footer' && tab.active"></form-button>
-					</span>
-					<!-- TBR legacy should be removed when all responses use position=footer/header/body -->
-					<div class="form-component" ng-repeat="item in tab.buttons">
-						<form-button data="{{item}}" ng-model="item.name" ng-if="item.type=='button'"></form-button>
-					</div>
-				</div>
-			</div>
-		</div>
-	<!-- ************************************************************************************* -->
-	<!-- ************************************************************************************* -->
-	<!-- ********************************     FIN form filters   ***************************** -->
-	<!-- ************************************************************************************* -->
-	<!-- ************************************************************************************* -->
-</div>
-	
-
-
-	<script src="js/jquery.js"></script>
-	<script src="https://bmaps.bgeo.es/dev/demo/js/libs/jquery/1.12.1/jquery-ui.min.js"></script>
-	<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
-
-	<script src="https://unpkg.com/@vidro/map-handler@1.0.7/dist/map-handler.js"></script>
-	<script src="js/interface.js"></script>
-	<script src="js/demo.js"></script>
-
-
-
-	</body>
-</html>

package/examples/integration/tool/js/demo.js

@@ -1,238 +0,0 @@
-// Config:
-const urlParams = new URLSearchParams(window.location.search);
-var iframe = document.querySelector("#map-frame");
-const user = urlParams.get('user');
-const pwd = urlParams.get('pwd');
-const apiUrl = urlParams.get('api');
-const mapId = 117;
-var communicator;
-var usertoken;
-var clickedCoordinates = null;
-//UI
-var btZoomIn = document.querySelector("#btZoomIn");
-var btZoomOut = document.querySelector("#btZoomOut");
-var btZoomToExtent = document.querySelector("#btZoomToExtent");
-var btAddPoint = document.querySelector("#btAddPoint");
-var btAddPolygon = document.querySelector("#btAddPolygon");
-var btAddLine = document.querySelector("#btAddLine");
-var btGeolocalize = document.querySelector("#btGeolocalize");
-console.log('Starting demo');
-
-//Build XMLHttpRequest for login
-//form values
-
-var data = { user: user, pwd: pwd };
-var oReq = new XMLHttpRequest();
-oReq.addEventListener("load", function(){
-   if (this.status === 200) {
-    console.log("Login response", this.responseText);
-    var res = JSON.parse(this.responseText);
-    //store token value on dom
-    usertoken = res.message.token;
-
-    loadMap();
-  } else {
-    console.error(this.status);
-    var res = JSON.parse(this.responseText);
-    console.log(res.error);
-  } 
-});
-oReq.open("POST", `${apiUrl}letsgo`, true);
-oReq.setRequestHeader("Content-type", "application/json");
-oReq.send(JSON.stringify(data));
-console.log("Attempt to log in", `${apiUrl}letsgo`, data);
-
-
-//************** MAP EXAMPLE
-function loadMap(){
-  //Build XMLHttpRequest for map
-
-  //form values
-  var zoom = 14;
-  var use_giswater_tiled = 1;
-  var logo = 'https://bmaps.bgeo.es/dev/demo/tpl/default/img/logo-header-login.png';
-  var uri = `${apiUrl}map/${mapId}?use_giswater_tiled=${use_giswater_tiled}&zoom=${zoom}&logo=${logo}`;
-  console.log(uri)
-  var oReq = new XMLHttpRequest();
-  oReq.addEventListener("load", function(){
-    if (this.status === 200) {
-      console.log("mapListener response", this.responseText);
-      var res = JSON.parse(this.responseText);
-      //var src = `http://localhost:3000/?sessionToken=${res.message.sessionToken}`;
-    
-      var src = `https://devcomponent.vidrosoftware.com/?sessionToken=${res.message.sessionToken}`;
-      //var src = `${res.message.iframe}?sessionToken=${res.message.sessionToken}`;
-      iframe.src = src;
-      console.log("iframe src", src);
-      communicator = new VidroMaps.Communicator({sessionToken:res.message.sessionToken});
-      communicator.setDebug(1); 
-      setListeners();
-    } else {
-      console.error(this.status);
-      var res = JSON.parse(this.responseText);
-      console.error(res.error);
-    }
-  });
-  oReq.open("GET", uri, true);
-  oReq.setRequestHeader('Authorization',`Bearer ${usertoken}`);
-  oReq.setRequestHeader("Content-type", "application/json");
-  oReq.send(JSON.stringify(data));
-  console.log("Attempt to load map", `${apiUrl}map/${mapId}`, data);
-}
-
-
-//************** END MAP EXAMPLE
-
-btZoomIn.addEventListener("click", function(){
-  return communicator.ZoomIn();
-});
-btZoomOut.addEventListener("click", function(){
-  communicator.ZoomOut();
-});
-if(btZoomToExtent){
-  btZoomToExtent.addEventListener("click", function(){
-    communicator.zoomToExtent();
-  });
-}
-if(btAddPoint){
-  btAddPoint.addEventListener("click", function(){
-    communicator.AddGeom('Point');
-  });
-}
-if(btAddPolygon){
-  btAddPolygon.addEventListener("click", function(){
-    communicator.AddGeom('Polygon');
-  });
-}
-if(btAddLine){
-  btAddLine.addEventListener("click", function(){
-    communicator.AddGeom('Line');
-  });
-}
-if(btGeolocalize){
-  btGeolocalize.addEventListener("click", function(){
-    console.log("geolocalizing")
-    communicator.Geolocalize(true);
-  });
-}
-
-function toggleTiled(){
-  communicator.toggleGiswaterTiled(document.getElementById('tiledCheck').checked);
-}
-
-// Map events
-function setListeners(){
-  communicator.on("onZoomChange", function(data){
-    console.log("onZoomChange",data);
-  });
-
-
-  communicator.on("geomAdded", function(data){
-    console.log("geomAdded",data);
-  });
-
-  communicator.on("loaded", function(data){
-    console.log("loaded",data);
-  });
-
-  communicator.on("layers", function(data){
-    console.log("layers received",data);
-
-  });
-
-  communicator.on("geoJSONlayers", function(data){
-    console.log("geoJSONlayers received",data);
-  });
-
-  //error event
-  communicator.on("error", function(data){
-    console.error("error",data);
-   
-  });
-
-  //clicked coordinates
-  communicator.on("coordinates", function(data){
-    console.info("coordinates",data);
-    clickedCoordinates = [data.coordinates[0],data.coordinates[1]];
-    communicator.infoFromCoordinates('giswater');
-  });
-
-  communicator.on("activeLayer", function(data){
-    console.info("activeLayer",data);
-  });
-
-  communicator.on("geolocation", function(data){
-    console.info("geolocation",data);
-  });
-
-  communicator.on("GiswaterLayerAvailableFilters", function(data){
-    console.info("GiswaterLayerAvailableFilters",data);
-  });
-
-
-  //info event
-  communicator.on("info", function(data){
-    console.log("info received",data);
-    var dataToRender = data.data;
-    //depending on infoType, data.data can be an string or a JSON
-    if(data.infoType==="giswater"){
-      addInfo(dataToRender.formTabs,dataToRender.editData.fields,dataToRender.geometry)
-    }
-
-  });
-
-  //giswater tiled background
-  communicator.on("giswaterTiledBackgroundDisplayed", function(data){
-    console.log("giswaterTiledBackgroundDisplayed",data);
-  });
-  communicator.on("giswaterTiledBackgroundAvailable", function(data){
-    console.log("giswaterTiledBackgroundAvailable",data);
-   
-  });
-  communicator.on("WMSInfoAvailable", function(){
-    console.log("WMSInfoAvailable");
-  });
-  communicator.on("availableWMSLayers", function(data){
-    console.log("availableWMSLayers",data);
-  });
-}
-
-//INFO  
-var infoContainer = document.querySelector("#infoContainer");
-var fields = document.querySelector("#fields");
-var formName = document.querySelector("#formName");
-
-function closePointInfo(){
-  console.log("closePointInfo")
-  console.log(infoContainer)
-  infoContainer.classList.remove('visible')
-}
-
-function addInfo(data,editData,geometry){
-  infoContainer.classList.add('visible');
-  console.log(data,editData,geometry)
-  formName.innerHTML = data.formName;
-  var content = '';
-  //find tab 
-  for(let i=0; i<editData.length;i++){
-    content += createFormInfoInput(editData[i].label,editData[i].value)
-   
-  }
-  fields.innerHTML = content;
-}
-
-function createFormInfoInput(label, value){
-  return `<div class="form-component form-component--key-value">
-  <label>${label}</label>
-  <input type="text" value=${value}>
-
-  <div class="spacer-10"></div>
-</div>` 
-
-}
-
-
-
-
-
-