-
Notifications
You must be signed in to change notification settings - Fork 1
/
script.js
92 lines (80 loc) · 3.39 KB
/
script.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
// Initialize the Leaflet map
var map = L.map('map-container').setView([22.97660, 88.44829], 16);
// Add OpenStreetMap tile layer
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);
// Initialize the routing control
var routingControl = L.Routing.control({
waypoints: [],
routeWhileDragging: true,
geocoder: L.Control.Geocoder.nominatim()
}).addTo(map);
// Function to handle search
function searchLocation() {
var query = document.getElementById('search-input').value;
if (query) {
var url = `https://nominatim.openstreetmap.org/search?format=json&q=${encodeURIComponent(query)}`;
fetch(url)
.then(response => response.json())
.then(data => {
if (data.length > 0) {
var result = data[0];
var lat = result.lat;
var lon = result.lon;
map.setView([lat, lon], 16);
L.marker([lat, lon]).addTo(map)
.bindPopup(result.display_name)
.openPopup();
routingControl.setWaypoints([
L.latLng(lat, lon)
]);
} else {
alert('Location not found');
}
});
} else {
alert('Please enter a search query');
}
}
// Handle the rating form submission
document.getElementById('rating-form').addEventListener('submit', function(event) {
event.preventDefault(); // Prevent form from submitting the default way
// Get form values
var startLocation = document.getElementById('start-location').value;
var endLocation = document.getElementById('end-location').value;
var rating = document.getElementById('rating').value;
// For demonstration, log the values to the console
console.log(`Start Location: ${startLocation}`);
console.log(`End Location: ${endLocation}`);
console.log(`Rating: ${rating}`);
// Create a new marker for the rating
var startLatLng = getLatLng(startLocation);
var endLatLng = getLatLng(endLocation);
if (startLatLng && endLatLng) {
// Add a polyline for the route
L.polyline([startLatLng, endLatLng], { color: 'blue' }).addTo(map);
// Add a rating marker
var ratingMarker = L.marker(startLatLng, {
icon: L.divIcon({
className: 'rating',
html: `<div>Rating: ${rating}</div>`
})
}).addTo(map);
}
// Update the ratings list
var ratingList = document.getElementById('rating-list');
var listItem = document.createElement('li');
listItem.textContent = `Start: ${startLocation}, End: ${endLocation}, Rating: ${rating}`;
ratingList.appendChild(listItem);
alert('Rating submitted! Thank you.');
});
// Function to get latitude and longitude from location name (dummy function for demonstration)
function getLatLng(location) {
// In a real scenario, use a geocoding service to convert location name to coordinates
var dummyCoords = {
'Location A': [22.97660, 88.44829],
'Location B': [22.965, 88.525]
};
return dummyCoords[location] ? L.latLng(dummyCoords[location]) : null;
}