update Navigation

vcm/config.json

@@ -277,6 +277,76 @@
           "allAvailable": true,
           "properties": [],
           "balloonHeader": "Balloon header"
+        },{
+          "template": [
+            "<div class='balloon' id='myBalloon'>",
+            "<div class='balloon-content'>",
+            "<h1 class='balloon-title'>Navigation Car</h1>",
+            "<% for (var key in obj) { %>",
+            "<% if (obj[key] instanceof Object){%>",
+            "<% for (var key2 in obj[key]) { %>",
+            "<p class='balloon-text'><span class='balloon-street'> <strong> <%=key%>.<%=key2%> </strong> : <%=obj[key][key2]%></span><br></p>",
+            "<% } %>",
+            "<% } else{ %>",
+            "<p class='balloon-text'>",
+            "<span class='balloon-street'> <strong> <%=key%> </strong> : <%=obj[key]%></span><br>",
+            "</p>",
+            "<% } %>",
+            "<% } %>",
+            "</div>",
+            "<div class='balloon-close-col'>",
+            "<button class='close-balloon'><i class='fa fa-times fa-lg'></i></button>",
+            "</div>",
+            "<div class='dialog-image-balloon'></div>",
+            "<div class='balloon-left-edge'></div>",
+            "</div>"
+          ],
+          "layerTypes": [
+            null
+          ],
+          "layerNames": [
+            "NAVCAR"
+          ],
+          "minTop": "balloonHeight + 30",
+          "minLeft": "70",
+          "allAvailable": true,
+          "properties": [],
+          "balloonHeader": "Balloon header"
+        },{
+          "template": [
+            "<div class='balloon' id='myBalloon'>",
+            "<div class='balloon-content'>",
+            "<h1 class='balloon-title'>Navigation Public</h1>",
+            "<% for (var key in obj) { %>",
+            "<% if (obj[key] instanceof Object){%>",
+            "<% for (var key2 in obj[key]) { %>",
+            "<p class='balloon-text'><span class='balloon-street'> <strong> <%=key%>.<%=key2%> </strong> : <%=obj[key][key2]%></span><br></p>",
+            "<% } %>",
+            "<% } else{ %>",
+            "<p class='balloon-text'>",
+            "<span class='balloon-street'> <strong> <%=key%> </strong> : <%=obj[key]%></span><br>",
+            "</p>",
+            "<% } %>",
+            "<% } %>",
+            "</div>",
+            "<div class='balloon-close-col'>",
+            "<button class='close-balloon'><i class='fa fa-times fa-lg'></i></button>",
+            "</div>",
+            "<div class='dialog-image-balloon'></div>",
+            "<div class='balloon-left-edge'></div>",
+            "</div>"
+          ],
+          "layerTypes": [
+            null
+          ],
+          "layerNames": [
+            "NAVPUB"
+          ],
+          "minTop": "balloonHeight + 30",
+          "minLeft": "70",
+          "allAvailable": true,
+          "properties": [],
+          "balloonHeader": "Balloon header"
         },{
           "template": [
             "<div class='balloon' id='myBalloon'>",

vcm/index.html

@@ -232,8 +232,8 @@
                                           </div>
                                           <a href="#" onclick="drawFlow();" >Verkehrsflow</a>
                                     </div>
-                                    <button class="accordion">Navigation</button>
-                                    <div class="sub-menu">
+                                    <button class="accordion" onclick="Navigationshow();getPosition();" >Navigation</button>
+                                    <!-- <div class="sub-menu">
                                         <a href="#" onclick="Navigationshow();getPosition();" >Car</a>
                                         <div class="switch-toggle switch-3 switch-candy">
 
@@ -245,7 +245,7 @@
                                                                                                                                 
                                           </div><br>
                                         
-                                    </div>
+                                    </div> -->
                             </div>
                       </div>
                     <!-- Drop down menu ends here -->            
@@ -634,12 +634,13 @@
             <button onclick="getStart('End');">Endpunkt</button>
             <input type="text" id="Epunktlat" name="Epunktlat">
             <input type="text" id="Epunktlon" name="Epunktlon"><br><br>
-            <select>
+            <!-- <select>
                 <option>mit Parkplatz</option>
                 <option>ohne Parkplatz</option>
-              </select>
+              </select> -->
             <button onclick="showRoute();">Route berechnen</button>
-            <button onclick="drawnavcar();drawnavpub();">Route anzeigen</button><br><br>
+            <button onclick="drawnavcar();drawnavpub();">Route anzeigen</button>
+            <button onclick="deletenav();">Route löschen</button><br><br>
             <p class="contentOne">Duration with Car</p>
             <input type="text" id="Routeduration" name="Duration"><br>
             <p class="contentOne">Duration with Public</p>

vcm/js/navigation.js

@@ -123,6 +123,8 @@ function showRoute(){
         eloc: ""
 
     }
+    pointsoe = "";
+
     datapointSend.slat = document.getElementById("Spunktlat").value;
     datapointSend.slon = document.getElementById("Spunktlon").value;
     datapointSend.elat = document.getElementById("Epunktlat").value;
@@ -249,3 +251,51 @@ function publictransport(){
 
 
 };
+
+function deletenav(){
+    var layernend = ["EndpointNav"]
+  
+    var layernavpub = ["NAVPUB"]
+
+    var layern = ["Startpoint"]
+
+    var layerncar = ["NAVCAR"]
+
+    var layers = framework.getLayers();  
+
+    for (var i = 0; i< layers.length; i++) {
+      var layer1 = layers[i];
+      if(layerncar.indexOf(layer1.name) >= 0){
+        layer1.activate(false);
+      } 
+    }
+    framework.removeLayerByName("NAVCAR")
+
+    
+
+    for (var i = 0; i< layers.length; i++) {
+      var layer2 = layers[i];
+      if(layern.indexOf(layer2.name) >= 0){
+        layer2.activate(false);
+        
+      } 
+    }
+    framework.removeLayerByName("Startpoint")
+
+    for (var i = 0; i< layers.length; i++) {
+      var layer3 = layers[i];
+      if(layernend.indexOf(layer3.name) >= 0){
+        layer3.activate(false);
+        
+      } 
+    }framework.removeLayerByName("EndpointNav")
+    
+    
+    for (var i = 0; i< layers.length; i++) {
+      var layer4 = layers[i];
+      if(layernavpub.indexOf(layer4.name) >= 0){
+        layer4.activate(false);
+      } 
+    }
+    framework.removeLayerByName("NAVPUB")
+}
\ No newline at end of file