diff --git a/public/js/client_dbrd.js b/public/js/client_dbrd.js index e0da8f1..0f09e6a 100755 --- a/public/js/client_dbrd.js +++ b/public/js/client_dbrd.js @@ -1,36 +1,38 @@ -/* ########################### */ + + + /* ########################### */ /* ######### LEAFLET ######### */ /* ########################### */ // Karte definieren var map = L.map('map', { - zoomControl: false - }).setView([51.733005, 14.338048], 13); - - // Layer der Karte - mapLink = L.tileLayer( - 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { + zoomControl: false +}).setView([51.733005, 14.338048], 13); + +// Layer der Karte +mapLink = L.tileLayer( + 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { //map_tile, { - maxZoom: 18 - }).addTo(map); - - // Icon der Karte zuordnen - var redIcon = new L.Icon({ - iconUrl: '/media/marker-icon-2x-red.png', - shadowUrl: '/media/marker-shadow.png', - iconSize: [25, 41], - iconAnchor: [12, 41], - popupAnchor: [1, -34], - shadowSize: [41, 41] - }); - - // Icon setzen - var marker = L.marker(new L.LatLng(0, 0), { - icon: redIcon + maxZoom: 18 }).addTo(map); - +// Icon der Karte zuordnen +var redIcon = new L.Icon({ + iconUrl: '/media/marker-icon-2x-red.png', + shadowUrl: '/media/marker-shadow.png', + iconSize: [25, 41], + iconAnchor: [12, 41], + popupAnchor: [1, -34], + shadowSize: [41, 41] +}); +// Icon setzen +var marker = L.marker(new L.LatLng(0, 0), { + icon: redIcon +}).addTo(map); + +// GeoJSON vordefinieren +var geojson = L.geoJSON().addTo(map); var counter_ID = []; @@ -477,32 +479,24 @@ socket.on('io.Einsatz', function (data) { $('#sondersignal').addClass('ion-md-notifications-off'); }; // Ortsdaten zusammenstellen und setzen - $('#einsatzort_list').nextAll().remove(); - var small_ortsdaten; - small_ortsdaten = ''; + $('#einsatzort_list').empty(); if (data.objekt) { - var $newDiv = $("
") // creates a div element - .addClass("someClass") // add a class - .text("data.objekt"); - - $( "einsatzort_list").append(newDiv); - small_ortsdaten = small_ortsdaten + (data.objekt) + '