adt-js-components 1.9.0 → 1.9.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adt-js-components",
-  "version": "1.9.0",
+  "version": "1.9.2",
   "description": "JavaScript components for Nette framework",
   "main": "index.js",
   "scripts": {

package/src/Map/index.js

@@ -356,9 +356,26 @@ function createMarker(marker, options, selectedOptions, cluster = null, selectab
 	mapMarker._selectedIcon = selectedOptions.icon;
 	mapMarker._markerData = marker;
 
+	const markerElement = mapMarker.getElement();
+	if (markerElement && markerElement.parentElement) {
+		markerElement.parentElement.style.pointerEvents = 'visible';
+	}
+
 	if (map) {
 		const markers = markerInstances.get(map);
 		markers.set(marker.id, mapMarker);
+
+		mapMarker.on('add', function() {
+			const el = mapMarker.getElement();
+			if (el) {
+				el.style.cursor = 'pointer';
+
+				const parent = el.parentElement;
+				if (parent) {
+					parent.style.pointerEvents = 'all';
+				}
+			}
+		});
 	}
 
 	const originalCallback = marker.callback;
@@ -570,19 +587,21 @@ async function calculateRoute(map) {
 			return;
 		}
 
-		const waypoints = routeMarkers.map(m => `${m.position['lon']},${m.position['lat']}`).join('|');
+		const params = new URLSearchParams({
+			start: `${routeMarkers[0].position.lon},${routeMarkers[0].position.lat}`,
+			end: `${routeMarkers[routeMarkers.length-1].position.lon},${routeMarkers[routeMarkers.length-1].position.lat}`,
+			routeType: routeSettings.routeType,
+			apikey: siteKey
+		});
+
+		routeMarkers.slice(1, -1).forEach(m => {
+			params.append('waypoints', `${m.position.lon},${m.position.lat}`);
+		});
 
 		try {
 			const response = await fetch(
-				`https://api.mapy.cz/v1/routing/route?` + new URLSearchParams({
-					start: waypoints.split('|')[0],
-					end: waypoints.split('|')[waypoints.split('|').length - 1],
-					routeType: routeSettings.routeType,
-					waypoints: waypoints.split('|').slice(1, -1).join('|'),
-					apikey: siteKey,
-				})
+				`https://api.mapy.cz/v1/routing/route?${params.toString()}`
 			);
-
 			const data = await response.json();
 
 			if (data.geometry?.geometry?.coordinates) {