VELENDEU/tlt-bus-map
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Added markers! Marker icons are not added yet.

Browse Source
This commit is contained in:
eetnaviation
2024-04-04 18:45:22 +03:00
parent 304486c145
commit fdeeea12a4
1 changed files with 14 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
client/index.html
View File

@ -59,6 +59,7 @@
map.addLayer(mapnik); map.addLayer(mapnik);
map.setCenter(position, zoom); map.setCenter(position, zoom);
// Function to handle form submission // Function to handle form submission
document.getElementById('search-form').addEventListener('submit', function (event) { document.getElementById('search-form').addEventListener('submit', function (event) {
event.preventDefault(); event.preventDefault();
@ -74,6 +75,7 @@
console.log("Lat long MERGE:", latlongR); console.log("Lat long MERGE:", latlongR);
console.log("TAK:", takR); console.log("TAK:", takR);
console.log("Vehicle info: ", vehicleTypeR); console.log("Vehicle info: ", vehicleTypeR);
var markerLonLat = new OpenLayers.LonLat(longR, latR).transform(fromProjection, toProjection); // Set marker location
document.getElementById("type").innerHTML = "Type: " + typeR; document.getElementById("type").innerHTML = "Type: " + typeR;
document.getElementById("line").innerHTML = "Current line: " + lineR; document.getElementById("line").innerHTML = "Current line: " + lineR;
document.getElementById("lat").innerHTML = "Latitude: " + latR; document.getElementById("lat").innerHTML = "Latitude: " + latR;
@ -81,10 +83,11 @@
document.getElementById("latlong").innerHTML = "Coordinates (Merged): " + latlongR; document.getElementById("latlong").innerHTML = "Coordinates (Merged): " + latlongR;
document.getElementById("tak").innerHTML = "TAK: " + takR; document.getElementById("tak").innerHTML = "TAK: " + takR;
document.getElementById("vehicleInfo").innerHTML = "Vehicle info: " + vehicleTypeR; document.getElementById("vehicleInfo").innerHTML = "Vehicle info: " + vehicleTypeR;
/*// Add markers for each bus location // Add marker
data.forEach(function(bus) { var markers = new OpenLayers.Layer.Markers("Markers");
L.marker([bus.latitude, bus.longitude]).addTo(map); map.addLayer(markers);
});*/ markers.addMarker(new OpenLayers.Marker(markerLonLat));
map.setCenter(position, zoom);
}); });
</script> </script>