Skip to content

Instantly share code, notes, and snippets.

@youssef22222

youssef22222/index.html

Created June 22, 2025 16:46
Show Gist options
  • Save youssef22222/4e43c552b32d217ac0fe819423150027 to your computer and use it in GitHub Desktop.
Save youssef22222/4e43c552b32d217ac0fe819423150027 to your computer and use it in GitHub Desktop.
Download ZIP
Speed Violation Map - 9128 KKD - 1750610807
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<title>Speed Violation Path - 9128 KKD</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<style>
html, body {
height: 100%;
margin: 0;
padding: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
}
#map {
height: 100%;
position: relative;
}
/* Enhanced marker styles */
.number-icon {
background-color: #FF1744;
border: 2px solid white;
border-radius: 50%;
color: white;
font-weight: bold;
text-align: center;
font-size: 12px;
line-height: 20px;
width: 24px;
height: 24px;
margin-left: -12px;
margin-top: -12px;
box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}
.violation-icon {
background-color: #FF1744;
border: 3px solid white;
width: 32px;
height: 32px;
line-height: 26px;
font-size: 16px;
font-weight: bold;
margin-left: -16px;
margin-top: -16px;
position: relative;
}
/* Pulsing animation for last violation point */
.pulse-ring {
border: 3px solid #FF1744;
border-radius: 50%;
height: 50px;
width: 50px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
animation: pulsate 2s ease-out;
animation-iteration-count: infinite;
opacity: 0;
}
@keyframes pulsate {
0% {
transform: translate(-50%, -50%) scale(0.1, 0.1);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
transform: translate(-50%, -50%) scale(1.2, 1.2);
opacity: 0;
}
}
/* Enhanced popup styles */
.popup-content {
min-width: 280px;
font-family: inherit;
}
.popup-content table {
width: 100%;
border-collapse: collapse;
}
.popup-content td {
padding: 4px 8px;
border-bottom: 1px solid #eee;
font-size: 13px;
}
.popup-content td:first-child {
font-weight: 600;
width: 45%;
color: #555;
}
.popup-content td:last-child {
color: #2c3e50;
}
.popup-title {
font-weight: 600;
color: #2c3e50;
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom: 2px solid #e9ecef;
font-size: 16px;
}
.speed-violation {
color: #e74c3c;
font-weight: bold;
}
/* Enhanced legend styles */
.legend {
position: absolute;
bottom: 20px;
right: 20px;
background: white;
padding: 15px 20px;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0,0,0,0.15);
font-size: 13px;
z-index: 1000;
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
transform: translateX(0);
min-width: 200px;
}
.legend.collapsed {
transform: translateX(calc(100% + 20px));
}
.legend-toggle-btn {
position: absolute;
left: -35px;
top: 50%;
width: 35px;
height: 50px;
background-color: #3498db;
color: white;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
transition: all 0.3s ease;
z-index: 1001;
border-radius: 8px 0 0 8px;
transform: translateY(-50%);
}
.legend-toggle-btn:hover {
background-color: #2980b9;
box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}
.legend-toggle-btn i {
transition: transform 0.3s ease;
}
.legend.collapsed .legend-toggle-btn i {
transform: rotate(180deg);
}
.legend-title {
font-weight: 600;
margin-bottom: 12px;
color: #2c3e50;
font-size: 14px;
}
.legend-item {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 8px;
font-size: 12px;
}
.legend-item:last-child {
margin-bottom: 0;
}
.legend-marker {
width: 18px;
height: 18px;
border-radius: 50%;
border: 2px solid white;
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
flex-shrink: 0;
}
.legend-line {
width: 25px;
height: 4px;
border-radius: 2px;
flex-shrink: 0;
}
.legend-arrow {
width: 25px;
height: 4px;
background: #3498db;
position: relative;
flex-shrink: 0;
}
.legend-arrow::after {
content: '';
position: absolute;
right: 0;
top: -3px;
width: 0;
height: 0;
border-left: 8px solid #3498db;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
}
.legend-path-arrow {
width: 25px;
height: 4px;
background: #000000;
position: relative;
flex-shrink: 0;
}
.legend-path-arrow::after {
content: '';
position: absolute;
right: 0;
top: -3px;
width: 0;
height: 0;
border-left: 8px solid #000000;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
}
/* Info control styles */
.info-control {
min-width: 200px;
position: absolute;
top: 20px;
left: 20px;
background: rgba(255,255,255,0.95);
padding: 15px;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
font-size: 14px;
z-index: 1000;
}
.info-control h4 {
margin: 0 0 8px 0;
color: #2c3e50;
font-size: 16px;
}
.info-control div {
margin: 3px 0;
}
/* Enhanced leaflet popup */
.leaflet-popup-content {
margin: 13px 19px;
font-size: 14px;
line-height: 1.5;
}
</style>
</head>
<body>
<div id="map"></div>
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
<script src="https://unpkg.com/leaflet-polylinedecorator@1.6.0/dist/leaflet.polylineDecorator.js"></script>
<script>
// Initialize the map
var map = L.map('map').setView([26.445922000000003, 50.133248125], 14);
// Add OpenStreetMap tile layer
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
maxZoom: 19,
attribution: '© OpenStreetMap contributors'
}).addTo(map);
// Define the coordinates and the detailed path data
var latlngs = [
[26.425195, 50.144392],
[26.432802, 50.13073],
[26.434793, 50.130857],
[26.439288, 50.13116],
[26.449822, 50.131933],
[26.454385, 50.132142],
[26.458258, 50.132273],
[26.472833, 50.132498]
];
var pathData = [{"latitude": 26.425195, "longitude": 50.144392, "time": "06/22/25,19:40:35", "speed": 175, "speed_limit": 100, "street_name": "King Faisal Road", "street_name_ar": "\u0637\u0631\u064a\u0642 \u0627\u0644\u0645\u0644\u0643 \u0641\u064a\u0635\u0644", "distance_to_segment": 1.86, "vehicle_direction": 286, "segment_bearing": 296.1, "nearest_segment": [[26.4245467, 50.1459091], [26.4257591, 50.1431493]], "closest_point": [26.42520804623416, 50.144403674407734]}, {"latitude": 26.432802, "longitude": 50.13073, "time": "06/22/25,19:41:38", "speed": 159, "speed_limit": 100, "street_name": "King Faisal Road", "street_name_ar": "\u0637\u0631\u064a\u0642 \u0627\u0644\u0645\u0644\u0643 \u0641\u064a\u0635\u0644", "distance_to_segment": 2.31, "vehicle_direction": 305, "segment_bearing": 316.7, "nearest_segment": [[26.4326964, 50.1308729], [26.4328958, 50.1306632]], "closest_point": [26.432815693849367, 50.13074744404527]}, {"latitude": 26.434793, "longitude": 50.130857, "time": "06/22/25,19:41:52", "speed": 140, "speed_limit": 60, "street_name": "King Abdullah Road", "street_name_ar": "\u0637\u0631\u064a\u0642 \u0627\u0644\u0645\u0644\u0643 \u0639\u0628\u062f\u0627\u0644\u0644\u0647", "distance_to_segment": 12.46, "vehicle_direction": 359, "segment_bearing": 4.0, "nearest_segment": [[26.4346985, 50.1307316], [26.4349513, 50.1307515]], "closest_point": [26.4347624154051, 50.130736631215086]}, {"latitude": 26.439288, "longitude": 50.13116, "time": "06/22/25,19:42:21", "speed": 165, "speed_limit": 70, "street_name": "King Abdullah Road", "street_name_ar": "\u0637\u0631\u064a\u0642 \u0627\u0644\u0645\u0644\u0643 \u0639\u0628\u062f\u0627\u0644\u0644\u0647", "distance_to_segment": 5.37, "vehicle_direction": 4, "segment_bearing": 3.7, "nearest_segment": [[26.4381899, 50.1310304], [26.4428124, 50.131362]], "closest_point": [26.439274601820944, 50.131108180560055]}, {"latitude": 26.449822, "longitude": 50.131933, "time": "06/22/25,19:43:35", "speed": 144, "speed_limit": 70, "street_name": "King Abdullah Road", "street_name_ar": "\u0637\u0631\u064a\u0642 \u0627\u0644\u0645\u0644\u0643 \u0639\u0628\u062f\u0627\u0644\u0644\u0647", "distance_to_segment": 6.99, "vehicle_direction": 4, "segment_bearing": 7.6, "nearest_segment": [[26.449697, 50.131848], [26.4502093, 50.1319247]], "closest_point": [26.44980775721704, 50.13186458183674]}, {"latitude": 26.454385, "longitude": 50.132142, "time": "06/22/25,19:44:02", "speed": 170, "speed_limit": 60, "street_name": "King Abdullah Road", "street_name_ar": "\u0637\u0631\u064a\u0642 \u0627\u0644\u0645\u0644\u0643 \u0639\u0628\u062f\u0627\u0644\u0644\u0647", "distance_to_segment": 4.66, "vehicle_direction": 5, "segment_bearing": 1.7, "nearest_segment": [[26.4543666, 50.1320972], [26.4545775, 50.1321042]], "closest_point": [26.45437238970508, 50.132097392157185]}, {"latitude": 26.458258, "longitude": 50.132273, "time": "06/22/25,19:44:29", "speed": 162, "speed_limit": 80, "street_name": "King Abdullah Road", "street_name_ar": "\u0637\u0631\u064a\u0642 \u0627\u0644\u0645\u0644\u0643 \u0639\u0628\u062f\u0627\u0644\u0644\u0647", "distance_to_segment": 1.3, "vehicle_direction": 1, "segment_bearing": 2.4, "nearest_segment": [[26.4578467, 50.1322412], [26.4614561, 50.1324123]], "closest_point": [26.45825458263962, 50.132260524760426]}, {"latitude": 26.472833, "longitude": 50.132498, "time": "06/22/25,19:46:40", "speed": 126, "speed_limit": 60, "street_name": null, "street_name_ar": null, "distance_to_segment": 4.77, "vehicle_direction": 281, "segment_bearing": 275.0, "nearest_segment": [[26.4728703, 50.132537], [26.4730084, 50.1307823]], "closest_point": [26.47287175089897, 50.13251856488335]}];
var fullPathCoordinates = [[26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.422165, 50.1541], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.42356, 50.14916], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.425195, 50.144392], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.427228, 50.13988], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.429745, 50.135472], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432408, 50.13128], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.432802, 50.13073], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.433003, 50.130675], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.4332, 50.130678], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.434793, 50.130857], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.439288, 50.13116], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.440493, 50.131222], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.441702, 50.13135], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.446285, 50.13167], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.449822, 50.131933], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.454385, 50.132142], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458258, 50.132273], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.458587, 50.132288], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.459157, 50.13233], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.463313, 50.132438], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.467942, 50.132653], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472187, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.472712, 50.132823], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.4728, 50.132762], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472827, 50.132618], [26.472833, 50.132498], [26.472833, 50.132498], [26.472833, 50.132498], [26.472833, 50.132498], [26.472833, 50.132498], [26.472833, 50.132498], [26.472833, 50.132498], [26.472833, 50.132498], [26.472833, 50.132498], [26.472833, 50.132498], [26.472833, 50.132498], [26.472833, 50.132498], [26.472833, 50.132498], [26.472833, 50.132498], [26.472833, 50.132498], [26.472833, 50.132498], [26.472833, 50.132498], [26.472833, 50.132498], [26.472833, 50.132498], [26.472833, 50.132498], [26.472833, 50.132498], [26.472833, 50.132498], [26.472833, 50.132498], [26.472833, 50.132498], [26.472833, 50.132498], [26.472833, 50.132498]];
// Add device name to each point's data
pathData.forEach(function(data) {
data.device_name = "9128 KKD";
});
// Global variable to store path decorators for zoom-based updates
var pathDecorators = [];
// Function to calculate arrow spacing based on zoom level
function getArrowSpacing(zoomLevel) {
if (zoomLevel >= 16) return '50px'; // Close zoom: many arrows
if (zoomLevel >= 14) return '100px'; // Medium zoom: moderate arrows
if (zoomLevel >= 12) return '150px'; // Far zoom: fewer arrows
return '200px'; // Very far zoom: minimal arrows
}
// Function to update path arrows based on zoom level
function updatePathArrows() {
var currentZoom = map.getZoom();
var spacing = getArrowSpacing(currentZoom);
// Remove existing decorators
pathDecorators.forEach(function(decorator) {
map.removeLayer(decorator);
});
pathDecorators = [];
// Re-add decorators with new spacing if path exists
if (window.vehiclePath) {
var decorator = L.polylineDecorator(window.vehiclePath, {
patterns: [{
offset: '25px',
repeat: spacing,
symbol: L.Symbol.arrowHead({
pixelSize: 12,
polygon: false,
pathOptions: {
stroke: true,
color: '#000000',
weight: 2,
opacity: 0.8
}
})
}]
});
decorator.addTo(map);
pathDecorators.push(decorator);
}
}
// Function to create numbered div icons for violations
function createNumberedIcon(number, isLast = false) {
if (isLast) {
return L.divIcon({
className: 'number-icon violation-icon',
html: 'V<div class="pulse-ring"></div>',
iconSize: [32, 32]
});
} else {
return L.divIcon({
className: 'number-icon',
html: number.toString(),
iconSize: [24, 24]
});
}
}
// Function to create popup content
function createPopupContent(pointNum, data, isLast) {
var lat = data.latitude;
var lon = data.longitude;
var speedClass = 'speed-violation';
var html = '<div class="popup-content">';
html += '<div class="popup-title">Violation Point ' + pointNum + (isLast ? ' (Latest)' : '') + '</div>';
html += '<table>';
html += '<tr><td>Latitude:</td><td>' + lat.toFixed(6) + '</td></tr>';
html += '<tr><td>Longitude:</td><td>' + lon.toFixed(6) + '</td></tr>';
if (data.time) {
html += '<tr><td>Time:</td><td>' + data.time + '</td></tr>';
}
if (data.device_name) {
html += '<tr><td>Vehicle:</td><td>' + data.device_name + '</td></tr>';
}
if (data.street_name_ar) {
html += '<tr><td>Street (AR):</td><td style="direction: rtl;">' + data.street_name_ar + '</td></tr>';
}
if (data.street_name) {
html += '<tr><td>Street (EN):</td><td>' + data.street_name + '</td></tr>';
}
if (data.distance_to_segment !== undefined) {
html += '<tr><td>Dist to street:</td><td>' + data.distance_to_segment.toFixed(2) + ' m</td></tr>';
}
if (data.vehicle_direction !== undefined) {
html += '<tr><td>Vehicle Dir:</td><td>' + data.vehicle_direction.toFixed(1) + '°</td></tr>';
}
if (data.segment_bearing !== undefined) {
html += '<tr><td>Street Bearing:</td><td>' + data.segment_bearing.toFixed(1) + '°</td></tr>';
}
if (data.speed_limit) {
html += '<tr><td>Speed Limit:</td><td>' + data.speed_limit + ' km/h</td></tr>';
}
if (data.speed) {
html += '<tr><td>Vehicle Speed:</td><td class="' + speedClass + '">' + data.speed + ' km/h</td></tr>';
}
if (data.speed && data.speed_limit) {
var overSpeed = data.speed - data.speed_limit;
html += '<tr><td>Over Speed:</td><td class="speed-violation">+' + overSpeed + ' km/h</td></tr>';
}
html += '</table>';
html += '</div>';
return html;
}
// Function to create direction arrow from point
function createDirectionArrow(lat, lon, direction) {
if (direction === undefined || direction === null) return null;
var arrowLength = 0.0002; // Length of arrow in degrees
var radians = direction * Math.PI / 180;
var endLat = lat + arrowLength * Math.cos(radians);
var endLon = lon + arrowLength * Math.sin(radians);
var arrow = L.polyline([[lat, lon], [endLat, endLon]], {
color: '#3498db',
weight: 3,
opacity: 0.8
});
var decorator = L.polylineDecorator(arrow, {
patterns: [{
offset: '100%',
repeat: 0,
symbol: L.Symbol.arrowHead({
pixelSize: 12,
polygon: false,
pathOptions: {
stroke: true,
color: '#3498db',
weight: 2,
opacity: 0.9
}
})
}]
});
return { arrow: arrow, decorator: decorator };
}
// Draw the vehicle path with directional arrows if full_path is provided
if (fullPathCoordinates && fullPathCoordinates.length > 1) {
// Create the main path line in black
window.vehiclePath = L.polyline(fullPathCoordinates, {
color: '#000000',
weight: 4,
opacity: 0.8,
smoothFactor: 1
}).addTo(map);
// Add initial arrows
updatePathArrows();
// Update arrows when zoom changes
map.on('zoomend', updatePathArrows);
}
// Add markers for all points - all are violation points
var allBounds = [];
for (var i = 0; i < pathData.length; i++) {
var data = pathData[i];
var isLast = (i === latlngs.length - 1);
var icon = createNumberedIcon(i + 1, isLast);
var popupContent = createPopupContent(i + 1, data, isLast);
// Add marker to map
var vehicleMarker = L.marker([data.latitude, data.longitude], {icon: icon})
.addTo(map)
.bindPopup(popupContent);
allBounds.push([data.latitude, data.longitude]);
// Add direction arrow for each point
if (data.vehicle_direction !== undefined && data.vehicle_direction !== null) {
var directionArrowData = createDirectionArrow(data.latitude, data.longitude, data.vehicle_direction);
if (directionArrowData) {
directionArrowData.arrow.addTo(map);
directionArrowData.decorator.addTo(map);
}
}
// Draw the nearest street segment for each point if available
if (data.nearest_segment && data.nearest_segment.length === 2) {
var segmentPolyline = L.polyline(data.nearest_segment, {
color: '#9b59b6',
weight: 8,
opacity: 0.8
}).addTo(map).bindPopup('Nearest Street Segment for Violation ' + (i + 1));
// Add enhanced start and end circles for the segment
L.circleMarker(data.nearest_segment[0], {
radius: 6,
color: '#8e44ad',
fillColor: '#9b59b6',
fillOpacity: 1,
weight: 2
}).addTo(map);
L.circleMarker(data.nearest_segment[1], {
radius: 6,
color: '#8e44ad',
fillColor: '#9b59b6',
fillOpacity: 1,
weight: 2
}).addTo(map);
}
// Draw the closest point on the segment and a line to it
if (data.closest_point && data.closest_point.length === 2) {
// Enhanced closest point marker
L.circleMarker(data.closest_point, {
radius: 8,
color: '#e67e22',
fillColor: '#f39c12',
fillOpacity: 1,
weight: 3
}).addTo(map).bindPopup('Closest Point on Street<br>Distance: ' + (data.distance_to_segment ? data.distance_to_segment.toFixed(2) + ' m' : 'N/A'));
// Enhanced dashed line from vehicle to closest point
var lineToClosest = [
[data.latitude, data.longitude],
data.closest_point
];
L.polyline(lineToClosest, {
color: '#3498db',
weight: 3,
opacity: 0.7,
dashArray: '8, 8'
}).addTo(map);
}
}
// Include full path coordinates in bounds if available
if (fullPathCoordinates) {
fullPathCoordinates.forEach(function(coord) {
allBounds.push(coord);
});
}
// Fit the map to show all points
if (allBounds.length > 0) {
var bounds = L.latLngBounds(allBounds);
map.fitBounds(bounds.pad(0.1));
}
// Add enhanced legend with toggle functionality
var legendHtml = '<button class="legend-toggle-btn" onclick="toggleLegend()"><i class="fas fa-chevron-right"></i></button>';
legendHtml += '<div class="legend-title">Map Legend</div>';
legendHtml += '<div class="legend-item"><div class="legend-marker" style="background: #FF1744;"></div><span>Violation Points</span></div>';
legendHtml += '<div class="legend-item"><div class="legend-marker" style="background: #FF1744; width: 24px; height: 24px;"></div><span>Latest Violation</span></div>';
legendHtml += '<div class="legend-item"><div class="legend-line" style="background: #000000; height: 6px;"></div><span>Vehicle Path</span></div>';
legendHtml += '<div class="legend-item"><div class="legend-path-arrow"></div><span>Path Direction</span></div>';
legendHtml += '<div class="legend-item"><div class="legend-arrow"></div><span>Vehicle Direction</span></div>';
legendHtml += '<div class="legend-item"><div class="legend-line" style="background: #9b59b6; height: 6px;"></div><span>Nearest Street Segment</span></div>';
legendHtml += '<div class="legend-item"><div class="legend-marker" style="background: #f39c12;"></div><span>Closest Point</span></div>';
legendHtml += '<div class="legend-item"><div class="legend-line" style="background: #3498db; border: 2px dashed #3498db; height: 2px;"></div><span>Distance Line</span></div>';
var legendControl = L.control({position: 'bottomright'});
legendControl.onAdd = function (map) {
var div = L.DomUtil.create('div', 'legend');
div.id = 'mapLegend';
div.innerHTML = legendHtml;
return div;
};
legendControl.addTo(map);
// Toggle legend function
function toggleLegend() {
var legend = document.getElementById('mapLegend');
legend.classList.toggle('collapsed');
}
// Add info control
var infoControl = L.control({position: 'topleft'});
infoControl.onAdd = function (map) {
var div = L.DomUtil.create('div', 'info-control');
var pathInfo = fullPathCoordinates ? '<div><strong>Path Points:</strong> ' + fullPathCoordinates.length + '</div>' : '';
div.innerHTML = '<h4><i class="fas fa-car" style="margin-right: 8px; color: #3498db;"></i>Vehicle Path Analysis</h4>' +
'<div><strong>Vehicle:</strong> 9128 KKD</div>' +
'<div><strong>Total Violations:</strong> ' + latlngs.length + '</div>' +
pathInfo;
return div;
};
infoControl.addTo(map);
// Add zoom control to top right
L.control.zoom({position: 'topright'}).addTo(map);
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment