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

25
client/index.html
View File

@ -58,6 +58,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) {
@ -74,17 +75,19 @@
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);
document.getElementById("type").innerHTML = "Type:" + typeR; var markerLonLat = new OpenLayers.LonLat(longR, latR).transform(fromProjection, toProjection); // Set marker location
document.getElementById("line").innerHTML = "Current line:" + lineR; document.getElementById("type").innerHTML = "Type: " + typeR;
document.getElementById("lat").innerHTML = "Latitude:" + latR; document.getElementById("line").innerHTML = "Current line: " + lineR;
document.getElementById("long").innerHTML = "Longitude:" + longR; document.getElementById("lat").innerHTML = "Latitude: " + latR;
document.getElementById("latlong").innerHTML = "Coordinates (Merged):" + latlongR; document.getElementById("long").innerHTML = "Longitude: " + longR;
document.getElementById("tak").innerHTML = "TAK:" + takR; document.getElementById("latlong").innerHTML = "Coordinates (Merged): " + latlongR;
document.getElementById("vehicleInfo").innerHTML = "Vehicle info:" + vehicleTypeR; document.getElementById("tak").innerHTML = "TAK: " + takR;
/*// Add markers for each bus location document.getElementById("vehicleInfo").innerHTML = "Vehicle info: " + vehicleTypeR;
data.forEach(function(bus) { // Add marker
L.marker([bus.latitude, bus.longitude]).addTo(map); var markers = new OpenLayers.Layer.Markers("Markers");
});*/ map.addLayer(markers);
markers.addMarker(new OpenLayers.Marker(markerLonLat));
map.setCenter(position, zoom);
}); });
</script> </script>