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