The Cruise
dashboard
Dashboard
explore
Itineraries
pin_drop
Destinations
directions_boat
Ships
account_circle
arrow_drop_down
Profile
Logout
Sun Princess
{#
#} <p><strong>Ship Name:</strong> Sun Princess</p> <p><strong>Ship Line:</strong> Princess Cruises</p> <p><strong>Destination:</strong> Messina</p> <p><strong>ETA:</strong> June 4, 03:45</p> <p><strong>Length:</strong> 345 m / 1131 ft</p> <p><strong>Passenger Capacity:</strong> 5189</p> <p><strong>Flag:</strong> Bermuda</p> <p><strong>Current Itinerary:</strong> Round-trip The Best of the Mediterranean</p> <h2>Itineraries</h2> <ul> </ul> <div id="map" style="height: 500px;"></div> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script> <script> // Wait for the DOM to fully load $(document).ready(function () { try { const temp = JSON.stringify({"id": "2167", "name": "Sun Princess", "url": "https://www.cruisemapper.com/ships/Sun-Princess-2167", "url_deckplans": "https://www.cruisemapper.com/deckplans/Sun-Princess-2167", "url_staterooms": "https://www.cruisemapper.com/cabins/Sun-Princess-2167", "line": {"id": "3", "title": "Princess Cruises", "url": "https://www.cruisemapper.com/cruise-lines/Princess-Cruises-3"}, "image": "/images/ships/2167-946b1c51132.jpg", "lastReport": "", "destination": "Messina", "eta": "June 4, 03:45", "spec_length": "345 m / 1131 ft", "spec_passengers": 5189, "flag": {"code": "bm", "name": "Bermuda"}, "year_of_built": 2024, "weather": {"temperature": "<img class=\"icon\" src=\"/images/graphics/weather/d00.svg\" width=\"36px\" height=\"36px\" alt=\"min: 69 \u00b0F (20 \u00b0C) / max: 73 \u00b0F (23 \u00b0C)\" title=\"min: 69 \u00b0F (20 \u00b0C) / max: 73 \u00b0F (23 \u00b0C)\"> 72\u00b0F <br>22.3\u00b0C", "wind": "<img class=\"icon\" src=\"/images/graphics/weather/compass.svg\" width=\"29px\" height=\"29px\" alt=\"Wind: 190\u00b0/ 9.5 m/s Gust: 13.3 m/s\" title=\"Wind: 190\u00b0/ 9.5 m/s Gust: 13.3 m/s\"><img class=\"compassArrow\" src=\"/images/graphics/weather/compass_arrow.svg\" width=\"10px\" alt=\"Wind: 190\u00b0/ 9.5 m/s Gust: 13.3 m/s\" title=\"Wind: 190\u00b0/ 9.5 m/s Gust: 13.3 m/s\" style=\"transform:rotate(10deg);\">Fresh breeze<br>9.5 m/s ", "wave": "<img class=\"icon\" src=\"/images/graphics/weather/wave_2.svg\" width=\"29px\" height=\"29px\" alt=\"Waves height: 1.4 m\" title=\"Waves\" style=\"margin-top: 4px;\"> Moderate<br>1.4 m", "localtime": "2026-06-03 19:31"}, "track": [{"lat": 42.24291, "lon": 8.36641, "label": ""}, {"lat": 42.37001, "lon": 8.36645, "label": ""}, {"lat": 42.49751, "lon": 8.36639, "label": ""}, {"lat": 42.62122, "lon": 8.40929, "label": ""}, {"lat": 42.74213, "lon": 8.46414, "label": ""}, {"lat": 42.86042, "lon": 8.52737, "label": "20 May 00:00"}, {"lat": 42.97865, "lon": 8.5906, "label": ""}, {"lat": 43.09573, "lon": 8.65347, "label": ""}, {"lat": 43.21165, "lon": 8.7158, "label": ""}, {"lat": 43.32804, "lon": 8.77837, "label": ""}, {"lat": 43.44423, "lon": 8.84107, "label": ""}, {"lat": 43.55939, "lon": 8.90331, "label": ""}, {"lat": 43.65663, "lon": 8.95597, "label": ""}, {"lat": 43.74297, "lon": 9.00281, "label": ""}, {"lat": 43.82952, "lon": 9.0498, "label": ""}, {"lat": 43.9168, "lon": 9.09724, "label": ""}, {"lat": 44.00394, "lon": 9.14473, "label": ""}, {"lat": 44.09289, "lon": 9.19304, "label": ""}, {"lat": 44.18122, "lon": 9.24093, "label": ""}, {"lat": 44.26624, "lon": 9.28797, "label": ""}, {"lat": 44.32489, "lon": 9.23521, "label": ""}, {"lat": 44.32897, "lon": 9.22835, "label": ""}, {"lat": 44.33048, "lon": 9.22879, "label": ""}, {"lat": 44.33065, "lon": 9.22876, "label": ""}, {"lat": 44.33085, "lon": 9.22876, "label": ""}, {"lat": 44.33057, "lon": 9.2289, "label": ""}, {"lat": 44.33069, "lon": 9.22883, "label": ""}, {"lat": 44.33046, "lon": 9.22895, "label": ""}, {"lat": 44.33037, "lon": 9.22899, "label": ""}, {"lat": 44.3303, "lon": 9.22901, "label": ""}, {"lat": 44.33031, "lon": 9.22899, "label": ""}, {"lat": 44.33028, "lon": 9.22899, "label": ""}, {"lat": 44.33023, "lon": 9.229, "label": ""}, {"lat": 44.33035, "lon": 9.22899, "label": ""}, {"lat": 44.33026, "lon": 9.22901, "label": ""}, {"lat": 44.3303, "lon": 9.229, "label": ""}, {"lat": 44.33029, "lon": 9.229, "label": ""}, {"lat": 44.33028, "lon": 9.22902, "label": ""}, {"lat": 44.33027, "lon": 9.22902, "label": ""}, {"lat": 44.33028, "lon": 9.22901, "label": ""}, {"lat": 44.3303, "lon": 9.22902, "label": ""}, {"lat": 44.33023, "lon": 9.22902, "label": ""}, {"lat": 44.33027, "lon": 9.229, "label": ""}, {"lat": 44.33024, "lon": 9.22901, "label": ""}, {"lat": 44.33023, "lon": 9.22901, "label": ""}, {"lat": 44.33024, "lon": 9.22899, "label": ""}, {"lat": 44.328, "lon": 9.23079, "label": ""}, {"lat": 44.28441, "lon": 9.29273, "label": ""}, {"lat": 44.21063, "lon": 9.27075, "label": ""}, {"lat": 44.12597, "lon": 9.23931, "label": ""}, {"lat": 44.06605, "lon": 9.21702, "label": ""}, {"lat": 43.99266, "lon": 9.21049, "label": ""}, {"lat": 43.91876, "lon": 9.21059, "label": ""}, {"lat": 43.845, "lon": 9.21059, "label": "21 May 00:00"}, {"lat": 43.77428, "lon": 9.19594, "label": ""}, {"lat": 43.76005, "lon": 9.09958, "label": ""}, {"lat": 43.76012, "lon": 8.99925, "label": ""}, {"lat": 43.76006, "lon": 8.89925, "label": ""}, {"lat": 43.76001, "lon": 8.79965, "label": ""}, {"lat": 43.76196, "lon": 8.6992, "label": ""}, {"lat": 43.82026, "lon": 8.6665, "label": ""}, {"lat": 43.87482, "lon": 8.72756, "label": ""}, {"lat": 43.93005, "lon": 8.79168, "label": ""}, {"lat": 43.98477, "lon": 8.85538, "label": ""}, {"lat": 44.03917, "lon": 8.91864, "label": ""}, {"lat": 44.10404, "lon": 8.95625, "label": ""}, {"lat": 44.17388, "lon": 8.9805, "label": ""}, {"lat": 44.24497, "lon": 9.00523, "label": ""}, {"lat": 44.31669, "lon": 9.00411, "label": ""}, {"lat": 44.37752, "lon": 8.96087, "label": ""}, {"lat": 44.40312, "lon": 8.92076, "label": ""}, {"lat": 44.41113, "lon": 8.91758, "label": ""}, {"lat": 44.41111, "lon": 8.9176, "label": ""}, {"lat": 44.41114, "lon": 8.91758, "label": ""}, {"lat": 44.41113, "lon": 8.91758, "label": ""}, {"lat": 44.41114, "lon": 8.91758, "label": ""}, {"lat": 44.41113, "lon": 8.9176, "label": ""}, {"lat": 44.41115, "lon": 8.9176, "label": ""}, {"lat": 44.41114, "lon": 8.91758, "label": ""}, {"lat": 44.41113, "lon": 8.91761, "label": ""}, {"lat": 44.41114, "lon": 8.91758, "label": ""}, {"lat": 44.41113, "lon": 8.91756, "label": ""}, {"lat": 44.41114, "lon": 8.91757, "label": ""}, {"lat": 44.41113, "lon": 8.91757, "label": ""}, {"lat": 44.41113, "lon": 8.9176, "label": ""}, {"lat": 44.41114, "lon": 8.91757, "label": ""}, {"lat": 44.41166, "lon": 8.91833, "label": ""}, {"lat": 44.41114, "lon": 8.91756, "label": ""}, {"lat": 44.41112, "lon": 8.91743, "label": ""}, {"lat": 44.40958, "lon": 8.91715, "label": ""}, {"lat": 44.40504, "lon": 8.91896, "label": ""}, {"lat": 44.39819, "lon": 8.92324, "label": ""}, {"lat": 44.39251, "lon": 8.93282, "label": ""}, {"lat": 44.38605, "lon": 8.94251, "label": ""}, {"lat": 44.37552, "lon": 8.94679, "label": ""}, {"lat": 44.36389, "lon": 8.9522, "label": ""}, {"lat": 44.35207, "lon": 8.95806, "label": ""}, {"lat": 44.27351, "lon": 8.99537, "label": ""}, {"lat": 44.21841, "lon": 9.02213, "label": ""}, {"lat": 44.1523, "lon": 9.05375, "label": ""}, {"lat": 44.0853, "lon": 9.08567, "label": ""}, {"lat": 44.01762, "lon": 9.11807, "label": "22 May 00:00"}, {"lat": 43.94103, "lon": 9.1614, "label": ""}, {"lat": 43.90701, "lon": 9.24642, "label": ""}, {"lat": 43.88055, "lon": 9.31542, "label": ""}, {"lat": 43.84773, "lon": 9.40065, "label": ""}, {"lat": 43.81597, "lon": 9.48293, "label": ""}, {"lat": 43.77844, "lon": 9.58027, "label": ""}, {"lat": 43.75005, "lon": 9.64805, "label": ""}, {"lat": 43.72482, "lon": 9.75249, "label": ""}, {"lat": 43.76826, "lon": 9.81911, "label": ""}, {"lat": 43.81502, "lon": 9.86274, "label": ""}, {"lat": 43.86989, "lon": 9.91595, "label": ""}, {"lat": 43.92515, "lon": 9.96549, "label": ""}, {"lat": 44.00161, "lon": 9.95521, "label": ""}, {"lat": 44.04412, "lon": 9.8801, "label": ""}, {"lat": 44.10131, "lon": 9.84523, "label": ""}, {"lat": 44.10646, "lon": 9.83764, "label": ""}, {"lat": 44.10646, "lon": 9.83765, "label": ""}, {"lat": 44.10647, "lon": 9.83764, "label": ""}, {"lat": 44.10645, "lon": 9.83765, "label": ""}, {"lat": 44.10646, "lon": 9.83764, "label": ""}, {"lat": 44.10647, "lon": 9.83765, "label": ""}, {"lat": 44.10645, "lon": 9.83768, "label": ""}, {"lat": 44.10646, "lon": 9.83766, "label": ""}, {"lat": 44.10645, "lon": 9.83769, "label": ""}, {"lat": 44.10646, "lon": 9.83765, "label": ""}, {"lat": 44.10647, "lon": 9.83765, "label": ""}, {"lat": 44.10647, "lon": 9.83764, "label": ""}, {"lat": 44.10646, "lon": 9.83765, "label": ""}, {"lat": 44.10647, "lon": 9.83764, "label": ""}, {"lat": 44.10646, "lon": 9.83765, "label": ""}, {"lat": 44.10646, "lon": 9.83766, "label": ""}, {"lat": 44.10647, "lon": 9.83763, "label": ""}, {"lat": 44.10646, "lon": 9.83765, "label": ""}, {"lat": 44.10648, "lon": 9.83763, "label": ""}, {"lat": 44.10646, "lon": 9.83765, "label": ""}, {"lat": 44.10648, "lon": 9.83763, "label": ""}, {"lat": 44.10646, "lon": 9.83764, "label": ""}, {"lat": 44.10666, "lon": 9.83833, "label": ""}, {"lat": 44.10647, "lon": 9.83764, "label": ""}, {"lat": 44.10647, "lon": 9.8376, "label": ""}, {"lat": 44.03506, "lon": 9.86777, "label": ""}, {"lat": 43.91841, "lon": 9.85055, "label": ""}, {"lat": 43.77094, "lon": 9.80034, "label": ""}, {"lat": 43.62197, "lon": 9.74579, "label": ""}, {"lat": 43.47027, "lon": 9.72112, "label": ""}, {"lat": 43.3264, "lon": 9.78351, "label": ""}, {"lat": 43.2044, "lon": 9.91265, "label": ""}, {"lat": 43.06553, "lon": 10.00017, "label": "23 May 00:00"}, {"lat": 42.90906, "lon": 10.0056, "label": ""}, {"lat": 42.75575, "lon": 10.01453, "label": ""}, {"lat": 42.64326, "lon": 10.14819, "label": ""}, {"lat": 42.54765, "lon": 10.31817, "label": ""}, {"lat": 42.44944, "lon": 10.47514, "label": ""}, {"lat": 42.34481, "lon": 10.63675, "label": ""}, {"lat": 42.24409, "lon": 10.79683, "label": ""}, {"lat": 42.15725, "lon": 10.96805, "label": ""}, {"lat": 42.1182, "lon": 11.16735, "label": ""}, {"lat": 42.11286, "lon": 11.36876, "label": ""}, {"lat": 42.10836, "lon": 11.56912, "label": ""}, {"lat": 42.11299, "lon": 11.7457, "label": ""}, {"lat": 42.09758, "lon": 11.77615, "label": ""}, {"lat": 42.09758, "lon": 11.77616, "label": ""}, {"lat": 42.09758, "lon": 11.77614, "label": ""}, {"lat": 42.09758, "lon": 11.77614, "label": ""}, {"lat": 42.09758, "lon": 11.77615, "label": ""}, {"lat": 42.09758, "lon": 11.77615, "label": ""}, {"lat": 42.09757, "lon": 11.77613, "label": ""}, {"lat": 42.09833, "lon": 11.77666, "label": ""}, {"lat": 42.09757, "lon": 11.77613, "label": ""}, {"lat": 42.09758, "lon": 11.77615, "label": ""}, {"lat": 42.09833, "lon": 11.77666, "label": ""}, {"lat": 42.09758, "lon": 11.77616, "label": ""}, {"lat": 42.09758, "lon": 11.77614, "label": ""}, {"lat": 42.09833, "lon": 11.77666, "label": ""}, {"lat": 42.09757, "lon": 11.77616, "label": ""}, {"lat": 42.09759, "lon": 11.77616, "label": ""}, {"lat": 42.09816, "lon": 11.77667, "label": ""}, {"lat": 42.10004, "lon": 11.775, "label": ""}, {"lat": 42.1084, "lon": 11.76179, "label": ""}, {"lat": 42.11187, "lon": 11.75285, "label": ""}, {"lat": 42.11006, "lon": 11.72995, "label": ""}, {"lat": 42.10226, "lon": 11.71179, "label": ""}, {"lat": 42.09113, "lon": 11.69434, "label": ""}, {"lat": 42.07539, "lon": 11.68003, "label": ""}, {"lat": 42.0577, "lon": 11.67179, "label": ""}, {"lat": 42.03738, "lon": 11.66651, "label": ""}, {"lat": 42.01546, "lon": 11.67193, "label": ""}, {"lat": 41.99597, "lon": 11.68358, "label": ""}, {"lat": 41.9015, "lon": 11.73887, "label": ""}, {"lat": 41.78418, "lon": 11.79612, "label": ""}, {"lat": 41.67976, "lon": 11.88102, "label": ""}, {"lat": 41.55256, "lon": 12.0185, "label": ""}, {"lat": 41.46216, "lon": 12.11587, "label": ""}, {"lat": 41.35228, "lon": 12.23437, "label": ""}, {"lat": 41.24226, "lon": 12.35252, "label": ""}, {"lat": 41.13809, "lon": 12.46426, "label": "24 May 00:00"}, {"lat": 41.04036, "lon": 12.56904, "label": ""}, {"lat": 40.94881, "lon": 12.68079, "label": ""}, {"lat": 40.87381, "lon": 12.79595, "label": ""}, {"lat": 40.82136, "lon": 12.94236, "label": ""}, {"lat": 40.78248, "lon": 13.09961, "label": ""}, {"lat": 40.7428, "lon": 13.26365, "label": ""}, {"lat": 40.70899, "lon": 13.40882, "label": ""}, {"lat": 40.68113, "lon": 13.56504, "label": ""}, {"lat": 40.65687, "lon": 13.72571, "label": ""}, {"lat": 40.64452, "lon": 13.88769, "label": ""}, {"lat": 40.64647, "lon": 14.05104, "label": ""}, {"lat": 40.72765, "lon": 14.19216, "label": ""}, {"lat": 40.81053, "lon": 14.28815, "label": ""}, {"lat": 40.838, "lon": 14.26334, "label": ""}, {"lat": 40.83823, "lon": 14.26193, "label": ""}, {"lat": 40.83821, "lon": 14.26193, "label": ""}, {"lat": 40.83822, "lon": 14.26192, "label": ""}, {"lat": 40.83821, "lon": 14.26194, "label": ""}, {"lat": 40.83823, "lon": 14.26195, "label": ""}, {"lat": 40.83821, "lon": 14.26193, "label": ""}, {"lat": 40.8382, "lon": 14.26192, "label": ""}, {"lat": 40.83822, "lon": 14.26193, "label": ""}, {"lat": 40.83821, "lon": 14.26191, "label": ""}, {"lat": 40.83822, "lon": 14.26193, "label": ""}, {"lat": 40.83822, "lon": 14.26191, "label": ""}, {"lat": 40.83824, "lon": 14.26192, "label": ""}, {"lat": 40.83822, "lon": 14.26192, "label": ""}, {"lat": 40.83822, "lon": 14.26198, "label": ""}, {"lat": 40.83821, "lon": 14.26191, "label": ""}, {"lat": 40.83822, "lon": 14.26193, "label": ""}, {"lat": 40.83822, "lon": 14.2619, "label": ""}, {"lat": 40.83819, "lon": 14.26189, "label": ""}, {"lat": 40.83821, "lon": 14.26192, "label": ""}, {"lat": 40.83823, "lon": 14.26193, "label": ""}, {"lat": 40.83821, "lon": 14.26193, "label": ""}, {"lat": 40.83822, "lon": 14.26195, "label": ""}, {"lat": 40.83806, "lon": 14.26393, "label": ""}, {"lat": 40.83572, "lon": 14.27062, "label": ""}, {"lat": 40.82748, "lon": 14.27911, "label": ""}, {"lat": 40.81409, "lon": 14.2771, "label": ""}, {"lat": 40.7501, "lon": 14.24871, "label": ""}, {"lat": 40.6043, "lon": 14.16664, "label": ""}, {"lat": 40.46547, "lon": 14.13901, "label": ""}, {"lat": 40.3283, "lon": 14.23918, "label": ""}, {"lat": 40.19181, "lon": 14.33897, "label": ""}, {"lat": 40.05402, "lon": 14.43745, "label": ""}, {"lat": 39.91515, "lon": 14.53747, "label": ""}, {"lat": 39.77913, "lon": 14.63521, "label": "25 May 00:00"}, {"lat": 39.64203, "lon": 14.73361, "label": ""}, {"lat": 39.50408, "lon": 14.83238, "label": ""}, {"lat": 39.36529, "lon": 14.93161, "label": ""}, {"lat": 39.22543, "lon": 15.03134, "label": ""}, {"lat": 39.07947, "lon": 15.12121, "label": ""}, {"lat": 38.93603, "lon": 15.22007, "label": ""}, {"lat": 38.80002, "lon": 15.33294, "label": ""}, {"lat": 38.65873, "lon": 15.43234, "label": ""}, {"lat": 38.51429, "lon": 15.52938, "label": ""}, {"lat": 38.37036, "lon": 15.62694, "label": ""}, {"lat": 38.25546, "lon": 15.66051, "label": ""}, {"lat": 38.14317, "lon": 15.58914, "label": ""}, {"lat": 37.98842, "lon": 15.6074, "label": ""}, {"lat": 37.87528, "lon": 15.74521, "label": ""}, {"lat": 37.80826, "lon": 15.9241, "label": ""}, {"lat": 37.75686, "lon": 16.10284, "label": ""}, {"lat": 37.70838, "lon": 16.28482, "label": ""}, {"lat": 37.65557, "lon": 16.46779, "label": ""}, {"lat": 37.6022, "lon": 16.65605, "label": ""}, {"lat": 37.55161, "lon": 16.83436, "label": ""}, {"lat": 37.49991, "lon": 17.01809, "label": ""}, {"lat": 37.44639, "lon": 17.20299, "label": ""}, {"lat": 37.39517, "lon": 17.38791, "label": ""}, {"lat": 37.33993, "lon": 17.58295, "label": ""}, {"lat": 37.29227, "lon": 17.75116, "label": ""}, {"lat": 37.23873, "lon": 17.93999, "label": ""}, {"lat": 37.18687, "lon": 18.1232, "label": ""}, {"lat": 37.13529, "lon": 18.30464, "label": ""}, {"lat": 37.08562, "lon": 18.4795, "label": ""}, {"lat": 37.0321, "lon": 18.66773, "label": ""}, {"lat": 36.9814, "lon": 18.84589, "label": ""}, {"lat": 36.93021, "lon": 19.0258, "label": ""}, {"lat": 36.87674, "lon": 19.21346, "label": ""}, {"lat": 36.82161, "lon": 19.40684, "label": ""}, {"lat": 36.76933, "lon": 19.59018, "label": ""}, {"lat": 36.71373, "lon": 19.7849, "label": ""}, {"lat": 36.66231, "lon": 19.96489, "label": ""}, {"lat": 36.60349, "lon": 20.17044, "label": ""}, {"lat": 36.55503, "lon": 20.33983, "label": ""}, {"lat": 36.5016, "lon": 20.52667, "label": ""}, {"lat": 36.44774, "lon": 20.71468, "label": ""}, {"lat": 36.39282, "lon": 20.90628, "label": ""}, {"lat": 36.33923, "lon": 21.09339, "label": ""}, {"lat": 36.28659, "lon": 21.27639, "label": ""}, {"lat": 36.23317, "lon": 21.4623, "label": ""}, {"lat": 36.18022, "lon": 21.64673, "label": ""}, {"lat": 36.12467, "lon": 21.82921, "label": ""}, {"lat": 36.06208, "lon": 22.02545, "label": "26 May 00:01"}, {"lat": 36.01433, "lon": 22.21456, "label": ""}, {"lat": 35.9624, "lon": 22.40712, "label": ""}, {"lat": 35.91251, "lon": 22.59861, "label": ""}, {"lat": 35.86373, "lon": 22.79444, "label": ""}, {"lat": 35.81762, "lon": 22.99882, "label": ""}, {"lat": 35.78459, "lon": 23.1982, "label": ""}, {"lat": 35.77074, "lon": 23.35935, "label": ""}, {"lat": 35.75808, "lon": 23.5166, "label": ""}, {"lat": 35.74518, "lon": 23.67279, "label": ""}, {"lat": 35.71516, "lon": 23.82645, "label": ""}, {"lat": 35.67618, "lon": 23.96674, "label": ""}, {"lat": 35.63086, "lon": 24.12027, "label": ""}, {"lat": 35.54183, "lon": 24.23506, "label": ""}, {"lat": 35.48033, "lon": 24.1516, "label": ""}, {"lat": 35.49548, "lon": 24.0821, "label": ""}, {"lat": 35.49169, "lon": 24.0725, "label": ""}, {"lat": 35.49169, "lon": 24.0725, "label": ""}, {"lat": 35.49166, "lon": 24.07333, "label": ""}, {"lat": 35.49169, "lon": 24.0725, "label": ""}, {"lat": 35.4917, "lon": 24.07251, "label": ""}, {"lat": 35.49169, "lon": 24.0725, "label": ""}, {"lat": 35.4917, "lon": 24.07251, "label": ""}, {"lat": 35.49168, "lon": 24.0725, "label": ""}, {"lat": 35.4917, "lon": 24.07251, "label": ""}, {"lat": 35.49168, "lon": 24.0725, "label": ""}, {"lat": 35.4917, "lon": 24.07251, "label": ""}, {"lat": 35.49169, "lon": 24.0725, "label": ""}, {"lat": 35.49169, "lon": 24.07251, "label": ""}, {"lat": 35.4917, "lon": 24.0725, "label": ""}, {"lat": 35.49169, "lon": 24.07251, "label": ""}, {"lat": 35.49171, "lon": 24.0725, "label": ""}, {"lat": 35.49283, "lon": 24.07286, "label": ""}, {"lat": 35.49365, "lon": 24.07421, "label": ""}, {"lat": 35.49424, "lon": 24.08078, "label": ""}, {"lat": 35.49311, "lon": 24.08861, "label": ""}, {"lat": 35.48933, "lon": 24.10698, "label": ""}, {"lat": 35.48659, "lon": 24.11879, "label": ""}, {"lat": 35.48639, "lon": 24.1987, "label": ""}, {"lat": 35.5246, "lon": 24.26769, "label": ""}, {"lat": 35.56404, "lon": 24.33906, "label": ""}, {"lat": 35.59736, "lon": 24.3996, "label": ""}, {"lat": 35.63396, "lon": 24.47542, "label": ""}, {"lat": 35.65657, "lon": 24.5553, "label": ""}, {"lat": 35.67975, "lon": 24.63777, "label": ""}, {"lat": 35.70011, "lon": 24.71, "label": ""}, {"lat": 35.7216, "lon": 24.78641, "label": ""}, {"lat": 35.7436, "lon": 24.8646, "label": ""}, {"lat": 35.76689, "lon": 24.94784, "label": "27 May 00:00"}, {"lat": 35.79059, "lon": 25.032, "label": ""}, {"lat": 35.81257, "lon": 25.11014, "label": ""}, {"lat": 35.83567, "lon": 25.19231, "label": ""}, {"lat": 35.85791, "lon": 25.27157, "label": ""}, {"lat": 35.88025, "lon": 25.35127, "label": ""}, {"lat": 35.90289, "lon": 25.43177, "label": ""}, {"lat": 35.92538, "lon": 25.51216, "label": ""}, {"lat": 35.94742, "lon": 25.59102, "label": ""}, {"lat": 35.97032, "lon": 25.67267, "label": ""}, {"lat": 35.99367, "lon": 25.75577, "label": ""}, {"lat": 36.01735, "lon": 25.84021, "label": ""}, {"lat": 36.04455, "lon": 25.92232, "label": ""}, {"lat": 36.1068, "lon": 25.96917, "label": ""}, {"lat": 36.16661, "lon": 26.01179, "label": ""}, {"lat": 36.22495, "lon": 26.0501, "label": ""}, {"lat": 36.29038, "lon": 26.05062, "label": ""}, {"lat": 36.35231, "lon": 26.05242, "label": ""}, {"lat": 36.41312, "lon": 26.05182, "label": ""}, {"lat": 36.47323, "lon": 26.05103, "label": ""}, {"lat": 36.53463, "lon": 26.04976, "label": ""}, {"lat": 36.59414, "lon": 26.06757, "label": ""}, {"lat": 36.65047, "lon": 26.10193, "label": ""}, {"lat": 36.70594, "lon": 26.13405, "label": ""}, {"lat": 36.76035, "lon": 26.16548, "label": ""}, {"lat": 36.81468, "lon": 26.19682, "label": ""}, {"lat": 36.86995, "lon": 26.22358, "label": ""}, {"lat": 36.92625, "lon": 26.22096, "label": ""}, {"lat": 36.98715, "lon": 26.21671, "label": ""}, {"lat": 37.04687, "lon": 26.19756, "label": ""}, {"lat": 37.10097, "lon": 26.15308, "label": ""}, {"lat": 37.15274, "lon": 26.111, "label": ""}, {"lat": 37.20203, "lon": 26.07114, "label": ""}, {"lat": 37.25057, "lon": 26.03163, "label": ""}, {"lat": 37.29968, "lon": 25.99182, "label": ""}, {"lat": 37.34952, "lon": 25.95126, "label": ""}, {"lat": 37.399, "lon": 25.9111, "label": ""}, {"lat": 37.45224, "lon": 25.86778, "label": ""}, {"lat": 37.50706, "lon": 25.82321, "label": ""}, {"lat": 37.56213, "lon": 25.77819, "label": ""}, {"lat": 37.61748, "lon": 25.73301, "label": ""}, {"lat": 37.67477, "lon": 25.68799, "label": ""}, {"lat": 37.73322, "lon": 25.72175, "label": ""}, {"lat": 37.77898, "lon": 25.79039, "label": ""}, {"lat": 37.82494, "lon": 25.85949, "label": ""}, {"lat": 37.86803, "lon": 25.92451, "label": ""}, {"lat": 37.87678, "lon": 26.00646, "label": ""}, {"lat": 37.87677, "lon": 26.09312, "label": ""}, {"lat": 37.87683, "lon": 26.17963, "label": "28 May 00:00"}, {"lat": 37.87685, "lon": 26.2644, "label": ""}, {"lat": 37.87568, "lon": 26.34782, "label": ""}, {"lat": 37.86086, "lon": 26.42997, "label": ""}, {"lat": 37.86375, "lon": 26.51128, "label": ""}, {"lat": 37.87058, "lon": 26.59807, "label": ""}, {"lat": 37.87655, "lon": 26.68255, "label": ""}, {"lat": 37.87675, "lon": 26.76684, "label": ""}, {"lat": 37.87692, "lon": 26.85046, "label": ""}, {"lat": 37.87703, "lon": 26.93981, "label": ""}, {"lat": 37.87319, "lon": 27.02595, "label": ""}, {"lat": 37.87684, "lon": 27.11309, "label": ""}, {"lat": 37.87715, "lon": 27.19864, "label": ""}, {"lat": 37.86405, "lon": 27.25537, "label": ""}, {"lat": 37.86331, "lon": 27.25596, "label": ""}, {"lat": 37.8633, "lon": 27.25596, "label": ""}, {"lat": 37.86326, "lon": 27.25596, "label": ""}, {"lat": 37.8633, "lon": 27.25596, "label": ""}, {"lat": 37.86333, "lon": 27.25666, "label": ""}, {"lat": 37.86331, "lon": 27.25596, "label": ""}, {"lat": 37.86332, "lon": 27.25597, "label": ""}, {"lat": 37.86331, "lon": 27.25596, "label": ""}, {"lat": 37.86333, "lon": 27.25666, "label": ""}, {"lat": 37.86331, "lon": 27.25596, "label": ""}, {"lat": 37.86333, "lon": 27.25666, "label": ""}, {"lat": 37.86331, "lon": 27.25596, "label": ""}, {"lat": 37.86332, "lon": 27.25598, "label": ""}, {"lat": 37.86346, "lon": 27.25594, "label": ""}, {"lat": 37.86563, "lon": 27.25363, "label": ""}, {"lat": 37.86773, "lon": 27.24921, "label": ""}, {"lat": 37.87006, "lon": 27.24803, "label": ""}, {"lat": 37.87405, "lon": 27.24238, "label": ""}, {"lat": 37.87678, "lon": 27.23151, "label": ""}, {"lat": 37.87769, "lon": 27.21703, "label": ""}, {"lat": 37.87885, "lon": 27.2015, "label": ""}, {"lat": 37.87998, "lon": 27.18546, "label": ""}, {"lat": 37.88116, "lon": 27.16847, "label": ""}, {"lat": 37.88225, "lon": 27.15251, "label": ""}, {"lat": 37.88324, "lon": 27.13584, "label": ""}, {"lat": 37.89001, "lon": 27.04046, "label": ""}, {"lat": 37.89643, "lon": 26.94688, "label": ""}, {"lat": 37.90318, "lon": 26.85171, "label": ""}, {"lat": 37.91907, "lon": 26.75625, "label": ""}, {"lat": 37.91678, "lon": 26.65563, "label": ""}, {"lat": 37.91495, "lon": 26.55994, "label": ""}, {"lat": 37.91498, "lon": 26.45774, "label": ""}, {"lat": 37.91491, "lon": 26.35818, "label": ""}, {"lat": 37.90723, "lon": 26.26395, "label": ""}, {"lat": 37.89354, "lon": 26.16645, "label": "29 May 00:00"}, {"lat": 37.88043, "lon": 26.07204, "label": ""}, {"lat": 37.86741, "lon": 25.97887, "label": ""}, {"lat": 37.85439, "lon": 25.88623, "label": ""}, {"lat": 37.84107, "lon": 25.79093, "label": ""}, {"lat": 37.82803, "lon": 25.6967, "label": ""}, {"lat": 37.81457, "lon": 25.601, "label": ""}, {"lat": 37.80118, "lon": 25.50526, "label": ""}, {"lat": 37.74825, "lon": 25.4402, "label": ""}, {"lat": 37.68597, "lon": 25.39466, "label": ""}, {"lat": 37.61644, "lon": 25.34464, "label": ""}, {"lat": 37.54899, "lon": 25.29553, "label": ""}, {"lat": 37.47446, "lon": 25.28648, "label": ""}, {"lat": 37.46479, "lon": 25.31995, "label": ""}, {"lat": 37.46582, "lon": 25.31941, "label": ""}, {"lat": 37.4658, "lon": 25.31939, "label": ""}, {"lat": 37.46581, "lon": 25.31941, "label": ""}, {"lat": 37.46582, "lon": 25.31941, "label": ""}, {"lat": 37.46581, "lon": 25.3194, "label": ""}, {"lat": 37.46581, "lon": 25.31938, "label": ""}, {"lat": 37.46582, "lon": 25.3194, "label": ""}, {"lat": 37.4658, "lon": 25.3194, "label": ""}, {"lat": 37.46582, "lon": 25.3194, "label": ""}, {"lat": 37.465, "lon": 25.32, "label": ""}, {"lat": 37.46581, "lon": 25.31939, "label": ""}, {"lat": 37.46582, "lon": 25.3194, "label": ""}, {"lat": 37.46582, "lon": 25.3194, "label": ""}, {"lat": 37.46581, "lon": 25.31939, "label": ""}, {"lat": 37.46582, "lon": 25.3194, "label": ""}, {"lat": 37.46583, "lon": 25.31941, "label": ""}, {"lat": 37.46581, "lon": 25.3194, "label": ""}, {"lat": 37.46583, "lon": 25.31941, "label": ""}, {"lat": 37.46581, "lon": 25.31939, "label": ""}, {"lat": 37.46582, "lon": 25.31941, "label": ""}, {"lat": 37.46582, "lon": 25.31939, "label": ""}, {"lat": 37.46583, "lon": 25.3194, "label": ""}, {"lat": 37.46581, "lon": 25.31941, "label": ""}, {"lat": 37.46581, "lon": 25.3194, "label": ""}, {"lat": 37.46579, "lon": 25.31939, "label": ""}, {"lat": 37.46581, "lon": 25.3194, "label": ""}, {"lat": 37.46581, "lon": 25.3194, "label": ""}, {"lat": 37.46581, "lon": 25.3194, "label": ""}, {"lat": 37.47505, "lon": 25.28056, "label": ""}, {"lat": 37.49596, "lon": 25.14971, "label": ""}, {"lat": 37.51668, "lon": 25.04151, "label": ""}, {"lat": 37.54689, "lon": 24.88814, "label": ""}, {"lat": 37.54409, "lon": 24.78095, "label": ""}, {"lat": 37.53966, "lon": 24.65042, "label": ""}, {"lat": 37.52755, "lon": 24.49897, "label": "30 May 00:05"}, {"lat": 37.51053, "lon": 24.376, "label": ""}, {"lat": 37.49464, "lon": 24.25369, "label": ""}, {"lat": 37.50778, "lon": 24.14491, "label": ""}, {"lat": 37.53238, "lon": 24.01547, "label": ""}, {"lat": 37.5827, "lon": 23.89248, "label": ""}, {"lat": 37.65392, "lon": 23.76527, "label": ""}, {"lat": 37.75123, "lon": 23.70425, "label": ""}, {"lat": 37.83151, "lon": 23.65831, "label": ""}, {"lat": 37.92066, "lon": 23.60929, "label": ""}, {"lat": 37.93746, "lon": 23.62156, "label": ""}, {"lat": 37.93506, "lon": 23.62348, "label": ""}, {"lat": 37.93506, "lon": 23.62348, "label": ""}, {"lat": 37.93508, "lon": 23.62345, "label": ""}, {"lat": 37.93507, "lon": 23.62347, "label": ""}, {"lat": 37.935, "lon": 23.62333, "label": ""}, {"lat": 37.93507, "lon": 23.62348, "label": ""}, {"lat": 37.935, "lon": 23.62333, "label": ""}, {"lat": 37.93506, "lon": 23.62347, "label": ""}, {"lat": 37.93508, "lon": 23.62346, "label": ""}, {"lat": 37.93505, "lon": 23.62348, "label": ""}, {"lat": 37.93503, "lon": 23.6235, "label": ""}, {"lat": 37.93507, "lon": 23.62347, "label": ""}, {"lat": 37.93505, "lon": 23.62349, "label": ""}, {"lat": 37.93507, "lon": 23.62348, "label": ""}, {"lat": 37.93507, "lon": 23.62346, "label": ""}, {"lat": 37.93507, "lon": 23.62348, "label": ""}, {"lat": 37.93508, "lon": 23.62347, "label": ""}, {"lat": 37.93505, "lon": 23.62349, "label": ""}, {"lat": 37.93506, "lon": 23.62345, "label": ""}, {"lat": 37.93507, "lon": 23.62347, "label": ""}, {"lat": 37.93509, "lon": 23.62344, "label": ""}, {"lat": 37.93508, "lon": 23.62347, "label": ""}, {"lat": 37.93506, "lon": 23.62348, "label": ""}, {"lat": 37.93507, "lon": 23.62347, "label": ""}, {"lat": 37.93505, "lon": 23.62347, "label": ""}, {"lat": 37.93508, "lon": 23.62346, "label": ""}, {"lat": 37.9351, "lon": 23.62341, "label": ""}, {"lat": 37.93255, "lon": 23.61072, "label": ""}, {"lat": 37.83417, "lon": 23.61369, "label": ""}, {"lat": 37.72401, "lon": 23.66855, "label": ""}, {"lat": 37.61507, "lon": 23.73375, "label": ""}, {"lat": 37.5057, "lon": 23.79373, "label": ""}, {"lat": 37.38809, "lon": 23.83835, "label": ""}, {"lat": 37.2754, "lon": 23.90566, "label": ""}, {"lat": 37.16966, "lon": 23.97904, "label": ""}, {"lat": 37.05497, "lon": 24.032, "label": ""}, {"lat": 36.93757, "lon": 24.08179, "label": ""}, {"lat": 36.81849, "lon": 24.12864, "label": "31 May 00:00"}, {"lat": 36.70152, "lon": 24.1845, "label": ""}, {"lat": 36.58612, "lon": 24.24533, "label": ""}, {"lat": 36.47749, "lon": 24.32788, "label": ""}, {"lat": 36.37115, "lon": 24.41438, "label": ""}, {"lat": 36.26944, "lon": 24.49217, "label": ""}, {"lat": 36.16934, "lon": 24.56837, "label": ""}, {"lat": 36.06807, "lon": 24.64801, "label": ""}, {"lat": 35.96747, "lon": 24.72619, "label": ""}, {"lat": 35.86656, "lon": 24.80358, "label": ""}, {"lat": 35.76698, "lon": 24.87987, "label": ""}, {"lat": 35.66779, "lon": 24.95563, "label": ""}, {"lat": 35.56512, "lon": 25.03419, "label": ""}, {"lat": 35.46326, "lon": 25.11181, "label": ""}, {"lat": 35.36332, "lon": 25.18112, "label": ""}, {"lat": 35.34724, "lon": 25.15109, "label": ""}, {"lat": 35.34702, "lon": 25.1515, "label": ""}, {"lat": 35.34701, "lon": 25.1515, "label": ""}, {"lat": 35.34702, "lon": 25.15149, "label": ""}, {"lat": 35.34701, "lon": 25.1515, "label": ""}, {"lat": 35.34703, "lon": 25.15151, "label": ""}, {"lat": 35.34702, "lon": 25.1515, "label": ""}, {"lat": 35.34704, "lon": 25.15149, "label": ""}, {"lat": 35.34702, "lon": 25.15149, "label": ""}, {"lat": 35.34701, "lon": 25.1515, "label": ""}, {"lat": 35.34702, "lon": 25.1515, "label": ""}, {"lat": 35.34701, "lon": 25.1515, "label": ""}, {"lat": 35.34699, "lon": 25.1515, "label": ""}, {"lat": 35.34705, "lon": 25.15148, "label": ""}, {"lat": 35.34836, "lon": 25.15075, "label": ""}, {"lat": 35.34987, "lon": 25.15323, "label": ""}, {"lat": 35.35374, "lon": 25.16334, "label": ""}, {"lat": 35.36536, "lon": 25.16326, "label": ""}, {"lat": 35.37717, "lon": 25.15013, "label": ""}, {"lat": 35.38888, "lon": 25.1339, "label": ""}, {"lat": 35.40128, "lon": 25.11677, "label": ""}, {"lat": 35.41345, "lon": 25.09964, "label": ""}, {"lat": 35.42584, "lon": 25.08193, "label": ""}, {"lat": 35.46673, "lon": 25.00472, "label": ""}, {"lat": 35.49744, "lon": 24.86663, "label": ""}, {"lat": 35.52826, "lon": 24.72624, "label": ""}, {"lat": 35.56025, "lon": 24.58072, "label": ""}, {"lat": 35.59218, "lon": 24.43523, "label": ""}, {"lat": 35.62358, "lon": 24.29165, "label": ""}, {"lat": 35.65383, "lon": 24.15406, "label": ""}, {"lat": 35.68354, "lon": 24.01772, "label": ""}, {"lat": 35.71327, "lon": 23.88168, "label": ""}, {"lat": 35.743, "lon": 23.74671, "label": ""}, {"lat": 35.75394, "lon": 23.60337, "label": "01 Jun 00:00"}, {"lat": 35.76235, "lon": 23.4546, "label": ""}, {"lat": 35.77692, "lon": 23.30544, "label": ""}, {"lat": 35.82964, "lon": 23.14541, "label": ""}, {"lat": 35.86672, "lon": 23.03223, "label": ""}, {"lat": 35.91873, "lon": 22.87639, "label": ""}, {"lat": 35.95543, "lon": 22.76345, "label": ""}, {"lat": 36.00919, "lon": 22.6179, "label": ""}, {"lat": 36.05599, "lon": 22.49865, "label": ""}, {"lat": 36.11663, "lon": 22.37284, "label": ""}, {"lat": 36.17945, "lon": 22.24795, "label": ""}, {"lat": 36.24569, "lon": 22.1245, "label": ""}, {"lat": 36.30539, "lon": 21.99368, "label": ""}, {"lat": 36.36451, "lon": 21.86171, "label": ""}, {"lat": 36.4237, "lon": 21.72938, "label": ""}, {"lat": 36.48216, "lon": 21.59862, "label": ""}, {"lat": 36.56344, "lon": 21.47983, "label": ""}, {"lat": 36.64579, "lon": 21.36651, "label": ""}, {"lat": 36.72836, "lon": 21.25288, "label": ""}, {"lat": 36.80693, "lon": 21.14462, "label": ""}, {"lat": 36.89361, "lon": 21.025, "label": ""}, {"lat": 36.97923, "lon": 20.90902, "label": ""}, {"lat": 37.07055, "lon": 20.80094, "label": ""}, {"lat": 37.16924, "lon": 20.71055, "label": ""}, {"lat": 37.26805, "lon": 20.63498, "label": ""}, {"lat": 37.38825, "lon": 20.54721, "label": ""}, {"lat": 37.51045, "lon": 20.46206, "label": ""}, {"lat": 37.67112, "lon": 20.35089, "label": ""}, {"lat": 37.75908, "lon": 20.28966, "label": ""}, {"lat": 37.87763, "lon": 20.20523, "label": ""}, {"lat": 38.02356, "lon": 20.11201, "label": ""}, {"lat": 38.16375, "lon": 20.04072, "label": ""}, {"lat": 38.26363, "lon": 19.99096, "label": ""}, {"lat": 38.40421, "lon": 19.91521, "label": ""}, {"lat": 38.53642, "lon": 19.84285, "label": ""}, {"lat": 38.67, "lon": 19.78832, "label": ""}, {"lat": 38.79196, "lon": 19.73933, "label": ""}, {"lat": 38.90934, "lon": 19.68476, "label": ""}, {"lat": 39.02648, "lon": 19.63016, "label": ""}, {"lat": 39.1329, "lon": 19.58061, "label": ""}, {"lat": 39.25213, "lon": 19.52498, "label": ""}, {"lat": 39.35983, "lon": 19.47455, "label": ""}, {"lat": 39.47176, "lon": 19.42219, "label": ""}, {"lat": 39.59709, "lon": 19.36331, "label": ""}, {"lat": 39.69036, "lon": 19.31952, "label": ""}, {"lat": 39.82519, "lon": 19.25999, "label": ""}, {"lat": 39.91575, "lon": 19.21328, "label": ""}, {"lat": 40.02677, "lon": 19.16652, "label": ""}, {"lat": 40.16196, "lon": 19.14159, "label": "02 Jun 00:00"}, {"lat": 40.28996, "lon": 19.11788, "label": ""}, {"lat": 40.41907, "lon": 19.09411, "label": ""}, {"lat": 40.57174, "lon": 19.06588, "label": ""}, {"lat": 40.68605, "lon": 19.04896, "label": ""}, {"lat": 40.81431, "lon": 19.04095, "label": ""}, {"lat": 40.93399, "lon": 19.03803, "label": ""}, {"lat": 41.05813, "lon": 19.03207, "label": ""}, {"lat": 41.19604, "lon": 19.03028, "label": ""}, {"lat": 41.34012, "lon": 19.02638, "label": ""}, {"lat": 41.46937, "lon": 19.02391, "label": ""}, {"lat": 41.58749, "lon": 19.0215, "label": ""}, {"lat": 41.71405, "lon": 19.01819, "label": ""}, {"lat": 41.84301, "lon": 19.01509, "label": ""}, {"lat": 41.97042, "lon": 19.01183, "label": ""}, {"lat": 42.07808, "lon": 19.0118, "label": ""}, {"lat": 42.095, "lon": 19.08131, "label": ""}, {"lat": 42.09166, "lon": 19.085, "label": ""}, {"lat": 42.09174, "lon": 19.08558, "label": ""}, {"lat": 42.09166, "lon": 19.085, "label": ""}, {"lat": 42.09173, "lon": 19.08559, "label": ""}, {"lat": 42.09166, "lon": 19.085, "label": ""}, {"lat": 42.09166, "lon": 19.085, "label": ""}, {"lat": 42.09173, "lon": 19.08558, "label": ""}, {"lat": 42.09174, "lon": 19.08558, "label": ""}, {"lat": 42.09173, "lon": 19.08559, "label": ""}, {"lat": 42.09173, "lon": 19.08557, "label": ""}, {"lat": 42.09173, "lon": 19.08555, "label": ""}, {"lat": 42.09166, "lon": 19.085, "label": ""}, {"lat": 42.09173, "lon": 19.08558, "label": ""}, {"lat": 42.09166, "lon": 19.085, "label": ""}, {"lat": 42.09174, "lon": 19.08558, "label": ""}, {"lat": 42.09172, "lon": 19.08557, "label": ""}, {"lat": 42.09193, "lon": 19.08465, "label": ""}, {"lat": 42.09954, "lon": 19.07998, "label": ""}, {"lat": 42.10313, "lon": 19.07015, "label": ""}, {"lat": 42.10183, "lon": 19.06506, "label": ""}, {"lat": 42.0954, "lon": 19.05285, "label": ""}, {"lat": 42.07801, "lon": 19.04807, "label": ""}, {"lat": 41.98011, "lon": 19.04571, "label": ""}, {"lat": 41.85824, "lon": 19.05346, "label": ""}, {"lat": 41.7337, "lon": 19.04212, "label": ""}, {"lat": 41.60995, "lon": 19.04191, "label": ""}, {"lat": 41.48942, "lon": 19.04197, "label": ""}, {"lat": 41.37015, "lon": 19.04212, "label": ""}, {"lat": 41.25365, "lon": 19.04208, "label": ""}, {"lat": 41.13814, "lon": 19.04211, "label": ""}, {"lat": 41.02464, "lon": 19.04218, "label": ""}, {"lat": 40.91296, "lon": 19.04224, "label": "03 Jun 00:00"}, {"lat": 40.80091, "lon": 19.05518, "label": ""}, {"lat": 40.66891, "lon": 19.09302, "label": ""}, {"lat": 40.55941, "lon": 19.13814, "label": ""}, {"lat": 40.46887, "lon": 19.18091, "label": ""}, {"lat": 40.34747, "lon": 19.25325, "label": ""}, {"lat": 40.26083, "lon": 19.31293, "label": ""}, {"lat": 40.15949, "lon": 19.39806, "label": ""}, {"lat": 40.06203, "lon": 19.49326, "label": ""}, {"lat": 39.98992, "lon": 19.62539, "label": ""}, {"lat": 39.92811, "lon": 19.76163, "label": ""}, {"lat": 39.85807, "lon": 19.888, "label": ""}, {"lat": 39.76622, "lon": 19.96874, "label": ""}, {"lat": 39.65481, "lon": 19.90497, "label": ""}, {"lat": 39.63338, "lon": 19.90925, "label": ""}, {"lat": 39.63335, "lon": 19.90924, "label": ""}, {"lat": 39.63333, "lon": 19.91, "label": ""}, {"lat": 39.63335, "lon": 19.90923, "label": ""}, {"lat": 39.63333, "lon": 19.91, "label": ""}, {"lat": 39.63334, "lon": 19.90923, "label": ""}, {"lat": 39.63336, "lon": 19.90923, "label": ""}, {"lat": 39.63334, "lon": 19.90924, "label": ""}, {"lat": 39.63335, "lon": 19.90923, "label": ""}, {"lat": 39.63388, "lon": 19.91067, "label": ""}, {"lat": 39.6342, "lon": 19.91358, "label": ""}, {"lat": 39.63304, "lon": 19.92589, "label": ""}, {"lat": 39.62912, "lon": 19.939, "label": ""}, {"lat": 39.61031, "lon": 19.95921, "label": ""}, {"lat": 39.58811, "lon": 19.97831, "label": ""}, {"lat": 39.57226, "lon": 19.99146, "label": ""}, {"lat": 39.5491, "lon": 20.01032, "label": ""}, {"lat": 39.54447, "lon": 20.01423, "label": ""}, {"lat": 39.5249, "lon": 20.03167, "label": ""}, {"lat": 39.50218, "lon": 20.05625, "label": ""}, {"lat": 39.48245, "lon": 20.08412, "label": ""}, {"lat": 39.41571, "lon": 20.15749, "label": ""}, {"lat": 39.29562, "lon": 20.12607, "label": ""}, {"lat": 39.22602, "lon": 19.9545, "label": ""}, {"lat": 39.15961, "lon": 19.77397, "label": ""}, {"lat": 39.09658, "lon": 19.59213, "label": ""}, {"lat": 39.03263, "lon": 19.4078, "label": ""}, {"lat": 38.96885, "lon": 19.2239, "label": ""}, {"lat": 38.90523, "lon": 19.04112, "label": ""}], "track_count": 720, "cruise": {"name": "Round-trip The Best of the Mediterranean", "url": "https://www.cruisemapper.com/ships/Sun-Princess-2167#ship-itinerary-4883329-2026", "start_date": "16 May, 2026", "end_date": "06 Jun, 2026", "days": "21 days", "itinerary": {"1": {"port": "<span data-toggle=\"tooltip\" data-placement=\"left\" title=\"Spain\" class=\"flag-icon flag-icon-es\"></span> <a class=\"cs-port strong\" href=\"https://www.cruisemapper.com/ports/barcelona-port-82\">Barcelona</a>", "date": "<div class=\"date\"><i class=\"fa fa-flag\" aria-hidden=\"true\"></i> 16 May 17:00</div>"}, "2": {"port": "<span data-toggle=\"tooltip\" data-placement=\"left\" title=\"Spain\" class=\"flag-icon flag-icon-es\"></span> <a class=\"cs-port strong\" href=\"https://www.cruisemapper.com/ports/palma-de-mallorca-port-77\">Palma de Mallorca</a>", "date": "<div class=\"date\"><i class=\"fa fa-map-marker\" aria-hidden=\"true\"></i> 17 May 07:00 - 16:00</div>"}, "3": {"port": "<span data-toggle=\"tooltip\" data-placement=\"left\" title=\"France\" class=\"flag-icon flag-icon-fr\"></span> <a class=\"cs-port strong\" href=\"https://www.cruisemapper.com/ports/marseille-port-68\">Marseille</a>", "date": "<div class=\"date\"><i class=\"fa fa-map-marker\" aria-hidden=\"true\"></i> 18 May 10:00 - 20:00</div>"}, "4": {"port": "<span data-toggle=\"tooltip\" data-placement=\"left\" title=\"France\" class=\"flag-icon flag-icon-fr\"></span> <a class=\"cs-port strong\" href=\"https://www.cruisemapper.com/ports/ajaccio-port-67\">Ajaccio</a>", "date": "<div class=\"date\"><i class=\"fa fa-map-marker\" aria-hidden=\"true\"></i> 19 May 08:00 - 18:00</div>"}, "5": {"port": "<span data-toggle=\"tooltip\" data-placement=\"left\" title=\"Italy\" class=\"flag-icon flag-icon-it\"></span> <a class=\"cs-port strong\" href=\"https://www.cruisemapper.com/ports/santa-margherita-ligure-port-325\">Santa Margherita Ligure</a>", "date": "<div class=\"date\"><i class=\"fa fa-map-marker\" aria-hidden=\"true\"></i> 20 May 07:00 - 19:00</div>"}, "6": {"port": "<span data-toggle=\"tooltip\" data-placement=\"left\" title=\"Italy\" class=\"flag-icon flag-icon-it\"></span> <a class=\"cs-port strong\" href=\"https://www.cruisemapper.com/ports/genoa-port-61\">Genoa</a>", "date": "<div class=\"date\"><i class=\"fa fa-map-marker\" aria-hidden=\"true\"></i> 21 May 08:00 - 20:00</div>"}, "7": {"port": "<span data-toggle=\"tooltip\" data-placement=\"left\" title=\"Italy\" class=\"flag-icon flag-icon-it\"></span> <a class=\"cs-port strong\" href=\"https://www.cruisemapper.com/ports/la-spezia-port-160\">La Spezia</a>", "date": "<div class=\"date\"><i class=\"fa fa-map-marker\" aria-hidden=\"true\"></i> 22 May 07:00 - 19:00</div>"}, "8": {"port": "<span data-toggle=\"tooltip\" data-placement=\"left\" title=\"Italy\" class=\"flag-icon flag-icon-it\"></span> <a class=\"cs-port strong\" href=\"https://www.cruisemapper.com/ports/civitavecchia-rome-port-81\">Civitavecchia-Rome</a>", "date": "<div class=\"date\"><i class=\"fa fa-map-marker\" aria-hidden=\"true\"></i> 23 May 06:00 - 18:00</div>"}, "9": {"port": "<span data-toggle=\"tooltip\" data-placement=\"left\" title=\"Italy\" class=\"flag-icon flag-icon-it\"></span> <a class=\"cs-port strong\" href=\"https://www.cruisemapper.com/ports/naples-port-625\">Naples</a>", "date": "<div class=\"date\"><i class=\"fa fa-map-marker\" aria-hidden=\"true\"></i> 24 May 07:00 - 19:00</div>"}, "10": {"port": "<span data-toggle=\"tooltip\" data-placement=\"left\" title=\"Greece\" class=\"flag-icon flag-icon-gr\"></span> <a class=\"cs-port strong\" href=\"https://www.cruisemapper.com/ports/souda-chania-port-17202\">Souda-Chania</a>", "date": "<div class=\"date\"><i class=\"fa fa-map-marker\" aria-hidden=\"true\"></i> 26 May 08:00 - 18:00</div>"}, "11": {"port": "<span data-toggle=\"tooltip\" data-placement=\"left\" title=\"Turkey\" class=\"flag-icon flag-icon-tr\"></span> <a class=\"cs-port strong\" href=\"https://www.cruisemapper.com/ports/kusadasi-port-623\">Kusadasi</a>", "date": "<div class=\"date\"><i class=\"fa fa-map-marker\" aria-hidden=\"true\"></i> 28 May 07:00 - 18:00</div>"}, "12": {"port": "<span data-toggle=\"tooltip\" data-placement=\"left\" title=\"Greece\" class=\"flag-icon flag-icon-gr\"></span> <a class=\"cs-port strong\" href=\"https://www.cruisemapper.com/ports/mykonos-island-port-64\">Mykonos Island</a>", "date": "<div class=\"date\"><i class=\"fa fa-map-marker\" aria-hidden=\"true\"></i> 29 May 07:00 - 21:00</div>"}, "13": {"port": "<span data-toggle=\"tooltip\" data-placement=\"left\" title=\"Greece\" class=\"flag-icon flag-icon-gr\"></span> <a class=\"cs-port strong\" href=\"https://www.cruisemapper.com/ports/piraeus-athens-port-80\">Piraeus-Athens</a>", "date": "<div class=\"date\"><i class=\"fa fa-map-marker\" aria-hidden=\"true\"></i> 30 May 06:00 - 19:00</div>"}, "14": {"port": "<span data-toggle=\"tooltip\" data-placement=\"left\" title=\"Greece\" class=\"flag-icon flag-icon-gr\"></span> <a class=\"cs-port strong\" href=\"https://www.cruisemapper.com/ports/heraklion-port-813\">Heraklion</a>", "date": "<div class=\"date\"><i class=\"fa fa-map-marker\" aria-hidden=\"true\"></i> 31 May 08:00 - 18:00</div>"}, "15": {"port": "<span data-toggle=\"tooltip\" data-placement=\"left\" title=\"Montenegro\" class=\"flag-icon flag-icon-me\"></span> <a class=\"cs-port strong\" href=\"https://www.cruisemapper.com/ports/bar-montenegro-port-4225\">Bar Montenegro</a>", "date": "<div class=\"date\"><i class=\"fa fa-map-marker\" aria-hidden=\"true\"></i> 02 Jun 07:30 - 18:00</div>"}, "16": {"port": "<span data-toggle=\"tooltip\" data-placement=\"left\" title=\"Greece\" class=\"flag-icon flag-icon-gr\"></span> <a class=\"cs-port strong\" href=\"https://www.cruisemapper.com/ports/corfu-island-port-60\">Corfu Island</a>", "date": "<div class=\"date\"><i class=\"fa fa-map-marker\" aria-hidden=\"true\"></i> 03 Jun 07:00 - 16:00</div>"}, "17": {"port": "<span data-toggle=\"tooltip\" data-placement=\"left\" title=\"Italy\" class=\"flag-icon flag-icon-it\"></span> <a class=\"cs-port strong\" href=\"https://www.cruisemapper.com/ports/messina-port-70\">Messina</a>", "date": "<div class=\"date\"><i class=\"fa fa-map-marker\" aria-hidden=\"true\"></i> 04 Jun 07:00 - 16:00</div>"}, "18": {"port": "<span data-toggle=\"tooltip\" data-placement=\"left\" title=\"Spain\" class=\"flag-icon flag-icon-es\"></span> <a class=\"cs-port strong\" href=\"https://www.cruisemapper.com/ports/barcelona-port-82\">Barcelona</a>", "date": "<div class=\"date\"><i class=\"fa fa-flag-checkered\" aria-hidden=\"true\"></i> 06 Jun 06:00</div>"}}, "path": {"distance": 4190, "extent": [35.34434, 2.17422, 44.41629, 27.254005], "points": [[2.18362, 41.37092], [2.17422, 41.3126], [2.191839, 41.257824], [2.237612, 39.554454], [2.463208, 39.371451], [2.661013, 39.437135], [2.63338, 39.55152], [2.63338, 39.55152], [2.661013, 39.437135], [2.463208, 39.371451], [2.237612, 39.554454], [2.294829, 39.697993], [5.211223, 43.276605], [5.34607, 43.2965], [5.3667, 43.30864], [5.3667, 43.30864], [5.34607, 43.2965], [5.211223, 43.276605], [5.217583, 43.143384], [8.497071, 41.829817], [8.716127, 41.871219], [8.73688, 41.92595], [8.73688, 41.92595], [8.716127, 41.871219], [8.497071, 41.829817], [8.402255, 41.915027], [8.324281, 42.606439], [9.284203, 44.281603], [9.22116, 44.33429], [9.22116, 44.33429], [9.284203, 44.281603], [9.065146, 44.245311], [8.805221, 44.344768], [8.91865, 44.41629], [8.91865, 44.41629], [8.805221, 44.344768], [9.065146, 44.245311], [9.802418, 44.009456], [9.864539, 44.014158], [9.8608, 44.0763], [9.8366, 44.10388], [9.8366, 44.10388], [9.8608, 44.0763], [10.509791, 42.831326], [10.920727, 42.437433], [11.153996, 42.326078], [11.763, 42.1097], [11.78232, 42.09854], [11.78232, 42.09854], [11.763, 42.1097], [11.745443, 42.101409], [11.8146, 42.014543], [12.581279, 41.387678], [13.710289, 40.734684], [13.950597, 40.623106], [14.262834, 40.763168], [14.26513, 40.83828], [14.26513, 40.83828], [14.262834, 40.763168], [14.117341, 40.567248], [15.374929, 38.875739], [15.671071, 38.274415], [15.648892, 38.24775], [15.643205, 38.245379], [15.63426, 38.24165], [15.623379, 38.230661], [15.602891, 37.996743], [15.747187, 37.883726], [23.981117, 35.691164], [24.015771, 35.519825], [24.07097, 35.49752], [24.07097, 35.49752], [24.015771, 35.519825], [24.179739, 36.832956], [25.88274, 37.922423], [26.007798, 38.042737], [27.254005, 37.869449], [27.25248, 37.86532], [27.25248, 37.86532], [27.254005, 37.869449], [26.007798, 38.042737], [25.312161, 37.516549], [25.3179, 37.45269], [25.3179, 37.45269], [25.312161, 37.516549], [24.435373, 37.034352], [24.19813, 37.306928], [24.065715, 37.553737], [23.764104, 37.678292], [23.614545, 37.934628], [23.63913, 37.94404], [23.63913, 37.94404], [23.614545, 37.934628], [24.239901, 36.559942], [25.161345, 35.365762], [25.155338, 35.349831], [25.14331, 35.34434], [25.14331, 35.34434], [25.155338, 35.349831], [25.161345, 35.365762], [25.003653, 35.543154], [24.6248, 35.598503], [24.047324, 35.682201], [23.981117, 35.691164], [22.842949, 36.109334], [21.631675, 36.731322], [20.378233, 37.949596], [19.299499, 39.894142], [19.043388, 42.061039], [19.08797, 42.09698], [19.08797, 42.09698], [19.043388, 42.061039], [19.237273, 40.479282], [19.2588, 40.401024], [19.36271, 40.217801], [19.974106, 39.788706], [19.907322, 39.646682], [19.90354, 39.63233], [19.90354, 39.63233], [19.907322, 39.646682], [19.974106, 39.788706], [19.722355, 39.91755], [19.299499, 40.102861], [16.097024, 37.875984], [15.747187, 37.883726], [15.602891, 37.996743], [15.594568, 38.19868], [15.5622, 38.1996], [15.56012, 38.1897], [15.56012, 38.1897], [15.5622, 38.1996], [15.593521, 38.206221], [15.634249, 38.241649], [15.643204, 38.24538], [15.648892, 38.24775], [15.671071, 38.274415], [15.551811, 38.316897], [15.395482, 38.330011], [14.959383, 38.301081], [8.655641, 38.788987], [7.878479, 38.852654], [2.17422, 41.3126], [2.18362, 41.37092]], "ports": [{"dep_datetime": "2026-05-17 16:00:00", "poi": "77", "lat": "39.55152", "lon": "2.63338", "day": "2", "icon": ""}, {"dep_datetime": "2026-05-18 20:00:00", "poi": "68", "lat": "43.30864", "lon": "5.36670", "day": "3", "icon": ""}, {"dep_datetime": "2026-05-19 18:00:00", "poi": "67", "lat": "41.92595", "lon": "8.73688", "day": "4", "icon": ""}, {"dep_datetime": "2026-05-20 19:00:00", "poi": "325", "lat": "44.33429", "lon": "9.22116", "day": "5", "icon": ""}, {"dep_datetime": "2026-05-21 20:00:00", "poi": "61", "lat": "44.41629", "lon": "8.91865", "day": "6", "icon": ""}, {"dep_datetime": "2026-05-22 19:00:00", "poi": "160", "lat": "44.10388", "lon": "9.83660", "day": "7", "icon": ""}, {"dep_datetime": "2026-05-23 18:00:00", "poi": "81", "lat": "42.09854", "lon": "11.78232", "day": "8", "icon": ""}, {"dep_datetime": "2026-05-24 19:00:00", "poi": "625", "lat": "40.83828", "lon": "14.26513", "day": "9", "icon": ""}, {"dep_datetime": "2026-05-26 18:00:00", "poi": "17202", "lat": "35.49752", "lon": "24.07097", "day": "11", "icon": ""}, {"dep_datetime": "2026-05-28 18:00:00", "poi": "623", "lat": "37.86532", "lon": "27.25248", "day": "13", "icon": ""}, {"dep_datetime": "2026-05-29 21:00:00", "poi": "64", "lat": "37.45269", "lon": "25.31790", "day": "14", "icon": ""}, {"dep_datetime": "2026-05-30 19:00:00", "poi": "80", "lat": "37.94404", "lon": "23.63913", "day": "15", "icon": ""}, {"dep_datetime": "2026-05-31 18:00:00", "poi": "813", "lat": "35.34434", "lon": "25.14331", "day": "16", "icon": ""}, {"dep_datetime": "2026-06-02 18:00:00", "poi": "4225", "lat": "42.09698", "lon": "19.08797", "day": "18", "icon": ""}, {"dep_datetime": "2026-06-03 16:00:00", "poi": "60", "lat": "39.63233", "lon": "19.90354", "day": "19", "icon": ""}, {"dep_datetime": "2026-06-04 16:00:00", "poi": "70", "lat": "38.18970", "lon": "15.56012", "day": "20", "icon": ""}, {"dep_datetime": "null", "poi": "82", "lat": "41.37092", "lon": "2.18362", "day": "22", "icon": "round"}]}}}) const cruiseData = JSON.parse(temp); console.log(cruiseData) // Extract track data or initialize as an empty array const track = cruiseData.track || []; // Check if there are any track points to display if (track.length === 0) { console.error("No track data available"); return; } // Initialize the map var map = L.map('map'); // Add OpenStreetMap tiles to the map L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors' }).addTo(map); var trackCoordinates = cruiseData.track.map(function (point) { return [point.lat, point.lon]; // [latitude, longitude] }); var polyline = L.polyline(trackCoordinates, { color: 'red' }).addTo(map); map.fitBounds(polyline.getBounds()); var lastPoint = cruiseData.track[cruiseData.track.length - 1]; var lastMarker = L.marker([lastPoint.lat, lastPoint.lon]).addTo(map).bindPopup(cruiseData.name); console.log("Map loaded successfully with track data:", track); } catch (error) { console.error("Error loading map:", error); } }); </script> </div> </main> </div> </div> <script src="/static/itineraryViewer/js/master.js"></script> <script> const djangoURLs = { }; const csrfToken = "c2L1TreWLiAalGhLcTxlpoQkJHhVhhkozQDHa8O4PLzI3XItnRZpnwmIcOQmTvO7"; // Page-specific filter controller const activeFiltersList = []; document.addEventListener("DOMContentLoaded", function() { // Selectively enable/disable sidebar filters based on page definition const filterGroups = document.querySelectorAll(".sidebar-filters .filter-group"); filterGroups.forEach(group => { const filterName = group.getAttribute("data-filter"); if (activeFiltersList.includes(filterName)) { group.classList.remove("disabled-group"); const controls = group.querySelectorAll("select, input, .m3-select-trigger"); controls.forEach(c => { c.removeAttribute("disabled"); c.classList.remove("disabled-trigger"); if (c.tagName === 'SELECT') { $(c).prop('disabled', false).trigger('change.select2'); } }); } else { group.classList.add("disabled-group"); const controls = group.querySelectorAll("select, input, .m3-select-trigger"); controls.forEach(c => { c.setAttribute("disabled", "disabled"); c.classList.add("disabled-trigger"); if (c.tagName === 'SELECT') { $(c).prop('disabled', true).trigger('change.select2'); } }); } }); // Mapping of Material Design 3 Components to native select filters const m3Mappings = { 'line': { selectId: 'filter-cruise-line', triggerId: 'trigger-cruise-line', menuId: 'menu-cruise-line', searchId: 'search-cruise-line', listId: 'options-cruise-line', label: 'Cruise Line' }, 'ship': { selectId: 'filter-ship', triggerId: 'trigger-ship', menuId: 'menu-ship', searchId: 'search-ship', listId: 'options-ship', label: 'Ship' }, 'region': { selectId: 'filter-region', triggerId: 'trigger-region', menuId: 'menu-region', searchId: 'search-region', listId: 'options-region', label: 'Region' }, 'country': { selectId: 'filter-country', triggerId: 'trigger-country', menuId: 'menu-country', searchId: 'search-country', listId: 'options-country', label: 'Country' }, 'ports': { selectId: 'filter-destination-ports', triggerId: 'trigger-ports', menuId: 'menu-ports', searchId: 'search-ports', listId: 'options-ports', label: 'Ports' }, 'embark': { selectId: 'filter-embark-port', triggerId: 'trigger-embark', menuId: 'menu-embark', searchId: 'search-embark', listId: 'options-embark', label: 'Embark' }, 'length': { selectId: 'filter-duration', triggerId: 'trigger-length', menuId: 'menu-length', searchId: 'search-length', listId: 'options-length', label: 'Length' }, 'youtube': { selectId: 'filter-linked-video', triggerId: 'trigger-youtube', menuId: 'menu-youtube', searchId: 'search-youtube', listId: 'options-youtube', label: 'Youtube Review' } }; // Setup synchronization for each mapping Object.keys(m3Mappings).forEach(key => { const config = m3Mappings[key]; const selectEl = document.getElementById(config.selectId); const triggerEl = document.getElementById(config.triggerId); const menuEl = document.getElementById(config.menuId); const searchEl = document.getElementById(config.searchId); const listContainer = document.getElementById(config.listId); if (!selectEl || !triggerEl || !menuEl || !listContainer) return; // Function to update the trigger input label and chips function updateLabel(selectedValues) { const chipsContainer = triggerEl.querySelector('.m3-select-chips'); if (!chipsContainer) return; chipsContainer.innerHTML = ''; if (selectedValues.length === 0) { chipsContainer.innerHTML = `<span class="placeholder">Select ${config.label}</span>`; } else { selectedValues.forEach(val => { const opt = Array.from(selectEl.options).find(o => o.value === val); const text = opt ? opt.text : val; const chip = document.createElement('div'); chip.className = 'm3-chip'; chip.setAttribute('data-value', val); chip.innerHTML = ` <span>${text}</span> <span class="material-symbols-outlined chip-remove">close</span> `; // Clicking close on the chip removes it from selection chip.querySelector('.chip-remove').addEventListener('click', function(e) { e.stopPropagation(); const currentChecked = $(selectEl).val() || []; const newChecked = currentChecked.filter(v => v !== val); $(selectEl).val(newChecked).trigger('change'); }); chipsContainer.appendChild(chip); }); } } // Function to rebuild options list function rebuildOptions() { listContainer.innerHTML = ''; const selectedValues = $(selectEl).val() || []; Array.from(selectEl.options).forEach(opt => { const val = opt.value; if (!val) return; // Skip empty value options const text = opt.text || val; const row = document.createElement('div'); row.className = 'menu-option-row'; row.setAttribute('data-value', val); const isChecked = selectedValues.includes(val); row.innerHTML = ` <md-checkbox ${isChecked ? 'checked' : ''}></md-checkbox> <span>${text}</span> `; // Row click triggers checkbox and select value sync row.addEventListener('click', function(e) { e.stopPropagation(); const checkbox = row.querySelector('md-checkbox'); checkbox.checked = !checkbox.checked; // Gather all checked values from the DOM const currentChecked = []; listContainer.querySelectorAll('.menu-option-row').forEach(r => { const cb = r.querySelector('md-checkbox'); if (cb && cb.checked) { currentChecked.push(r.getAttribute('data-value')); } }); // Update native hidden selector and fire standard jQuery change $(selectEl).val(currentChecked).trigger('change'); updateLabel(currentChecked); }); listContainer.appendChild(row); }); updateLabel(selectedValues); } // Initial build rebuildOptions(); // 1. MutationObserver to handle dynamic additions/removals of options inside select elements const observer = new MutationObserver(function() { rebuildOptions(); }); observer.observe(selectEl, { childList: true, subtree: true }); // 2. Change event listener to keep checkboxes in sync when the select changes programmatically selectEl.addEventListener('change', function() { const currentSelected = $(selectEl).val() || []; const rowsCount = listContainer.querySelectorAll('.menu-option-row').length; const optionsCount = Array.from(selectEl.options).filter(o => o.value).length; if (rowsCount !== optionsCount) { rebuildOptions(); } else { listContainer.querySelectorAll('.menu-option-row').forEach(r => { const val = r.getAttribute('data-value'); const cb = r.querySelector('md-checkbox'); if (cb) { cb.checked = currentSelected.includes(val); } }); updateLabel(currentSelected); } }); // 3. Click handler on the select trigger to toggle menu open/close state robustly triggerEl.addEventListener('click', function(e) { e.stopPropagation(); const isOpen = menuEl.classList.contains('open'); // Close all other menus first Object.values(m3Mappings).forEach(other => { const otherMenu = document.getElementById(other.menuId); const otherTrigger = document.getElementById(other.triggerId); if (otherMenu) { otherMenu.classList.remove('open'); } if (otherTrigger) { otherTrigger.classList.remove('open-trigger'); } }); if (!isOpen) { menuEl.classList.add('open'); triggerEl.classList.add('open-trigger'); } else { menuEl.classList.remove('open'); triggerEl.classList.remove('open-trigger'); } }); // 4. Search box filtering logic if (searchEl) { searchEl.addEventListener('click', function(e) { e.stopPropagation(); }); searchEl.addEventListener('keydown', function(e) { e.stopPropagation(); }); searchEl.addEventListener('keyup', function(e) { e.stopPropagation(); const query = searchEl.value.toLowerCase().trim(); listContainer.querySelectorAll('.menu-option-row').forEach(r => { const text = r.textContent.toLowerCase(); if (text.includes(query)) { r.style.display = 'flex'; } else { r.style.display = 'none'; } }); }); } }); // Global click outside listener to auto-close dropdown menus document.addEventListener('click', function(e) { const activeDropdowns = document.querySelectorAll('.m3-dropdown-menu.open'); activeDropdowns.forEach(menu => { const selectWrapper = menu.closest('.m3-multi-select'); if (selectWrapper && !selectWrapper.contains(e.target)) { menu.classList.remove('open'); const triggerId = menu.id.replace('menu-', 'trigger-'); const trigger = document.getElementById(triggerId); if (trigger) { trigger.classList.remove('open-trigger'); } } }); }); // "Clear Filters" Button functionality const clearFiltersBtn = document.getElementById('clear-filters-btn'); if (clearFiltersBtn) { clearFiltersBtn.addEventListener('click', function() { // Clear all select elements const selects = document.querySelectorAll('.select-multiple'); selects.forEach(select => { $(select).val([]).trigger('change'); }); // Clear date range pickers const dateRangeEl = document.getElementById('date-range'); if (dateRangeEl) { dateRangeEl.value = ''; if (dateRangeEl._flatpickr) { dateRangeEl._flatpickr.clear(); } } // Reset M3 trigger labels and checkboxes Object.values(m3Mappings).forEach(config => { const triggerEl = document.getElementById(config.triggerId); if (triggerEl) { triggerEl.classList.remove('open-trigger'); const chipsContainer = triggerEl.querySelector('.m3-select-chips'); if (chipsContainer) { chipsContainer.innerHTML = `<span class="placeholder">Select ${config.label}</span>`; } } const menuEl = document.getElementById(config.menuId); if (menuEl) { menuEl.classList.remove('open'); } const listContainer = document.getElementById(config.listId); if (listContainer) { listContainer.querySelectorAll('md-checkbox').forEach(cb => { cb.checked = false; }); } }); }); } // Simple User Dropdown Toggle via Material Web Components const userDropdown = document.getElementById('userDropdown'); const userMenu = document.getElementById('userMenu'); const logoutItem = document.getElementById('logout-menu-item'); const logoutForm = document.getElementById('logout-form'); if (userDropdown && userMenu) { userMenu.anchorElement = userDropdown; userDropdown.addEventListener('click', function(e) { e.stopPropagation(); userMenu.open = !userMenu.open; }); } if (logoutItem && logoutForm) { logoutItem.addEventListener('click', function() { logoutForm.submit(); }); } }); </script> </body> </html>
