var map = L.map('map').setView([53.05445, 8.89671], 21); var greenIcon = new L.Icon({ iconUrl: 'img/marker-green.png', shadowUrl: 'img/marker-shadow.png', iconSize: [25, 41], iconAnchor: [12, 41], popupAnchor: [1, -34], shadowSize: [41, 41] }); var runIcon = new L.Icon({ iconUrl: 'img/marker-run.png', shadowUrl: 'img/marker-shadow.png', iconSize: [25, 41], iconAnchor: [12, 41], popupAnchor: [1, -34], shadowSize: [0, 0] }); var imageUrl = 'img/RDE2.jpg', imageBounds = [[53.0528064472226, 8.89412999153137], [53.056520842139, 8.90030980110168]]; L.imageOverlay(imageUrl, imageBounds).addTo(map); var imgUrl = 'img/BT56EtageUntengedreht.png', imgBounds = [[53.0543723254747, 8.89649673130739], [53.0545051794611, 8.89671656638611]]; L.imageOverlay(imgUrl, imgBounds).addTo(map); var lat; var lon; var participants=[]; function showPos(msg) { var filter = $("#flip-1").prop("checked"); var equipmentNumber = Number(document.getElementById("equipmentNumber").value); var pos = JSON.parse(msg); var show = false; if ((filter==true)&&(equipmentNumber==pos.data.equipmentNumber)){ console.log("true"); show = true; } if (filter==false){ show = true; } console.log("show Pos:"+msg); console.log(pos.type); if ((pos.type == "PositionReport") && show) { console.log(pos.data.equipmentNumber); console.log(pos.data.lat); console.log(pos.data.lon); lat=pos.data.lat*180/Math.PI; lon=pos.data.lon*180/Math.PI; if (!participants[pos.data.equipmentNumber]) { participants[pos.data.equipmentNumber]=new L.marker([lat, lon],{icon: runIcon}).on('click', onMarkerClick2207); participants[pos.data.equipmentNumber].addTo(map).bindPopup("#"+pos.data.equipmentNumber).openPopup(); console.log ("Neu:"+pos.data.equipmentNumber); } else { console.log ("Vorhanden:"+pos.data.equipmentNumber); participants[pos.data.equipmentNumber].setLatLng( [lat, lon]); console.log ("setlatlng="+lat+" equipmentNumber="+pos.data.equipmentNumber); } } } function onMarkerClick2207(e) { }