Sabor e Jazz

', iconSize: [24, 24], iconAnchor: [12, 12] }); } const iconStart = createIcon('#e74c3c', 'A'); const iconEnd = createIcon('#2ecc71', 'P'); const iconPlane = createIcon('#e74c3c', 'AP'); // MAPA 1: Aracaju -> Penedo const map1 = L.map('map1', { zoomControl: false, attributionControl: false }).setView([-10.6, -36.8], 9); L.tileLayer('https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png', { maxZoom: 19 }).addTo(map1); L.marker([aracajuAirport.lat, aracajuAirport.lng], { icon: iconPlane }).addTo(map1).bindPopup('Aeroporto Santa Maria
Aracaju - SE'); L.marker([penedo.lat, penedo.lng], { icon: iconEnd }).addTo(map1).bindPopup('Penedo
Alagoas'); const mainRoute1 = L.polyline(routeAracajuPenedo, { color: '#e67e22', weight: 3, opacity: 0 }).addTo(map1); const routePath1 = L.polyline(routeAracajuPenedo, { color: '#e67e22', weight: 4, opacity: 0.2 }).addTo(map1); // MAPA 2: Maceio -> Penedo const map2 = L.map('map2', { zoomControl: false, attributionControl: false }).setView([-10.0, -36.2], 9); L.tileLayer('https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png', { maxZoom: 19 }).addTo(map2); L.marker([maceio.lat, maceio.lng], { icon: iconStart }).addTo(map2).bindPopup('Maceio
Capital de Alagoas'); L.marker([penedo.lat, penedo.lng], { icon: iconEnd }).addTo(map2).bindPopup('Penedo
Alagoas'); const mainRoute2 = L.polyline(routeMaceioPenedo, { color: '#e67e22', weight: 3, opacity: 0 }).addTo(map2); const routePath2 = L.polyline(routeMaceioPenedo, { color: '#e67e22', weight: 4, opacity: 0.2 }).addTo(map2); // FUNCAO DE ANIMACAO function animateRoute(mapObj, routeCoords, mainPolyline, color, duration) { const totalSteps = 200; const stepDuration = duration / totalSteps; let currentStep = 0; function getPoint(progress) { const totalPoints = routeCoords.length; const segment = progress * (totalPoints - 1); const index = Math.floor(segment); const fraction = segment - index; if (index >= totalPoints - 1) return routeCoords[totalPoints - 1]; const p1 = routeCoords[index]; const p2 = routeCoords[index + 1]; return [p1[0] + (p2[0] - p1[0]) * fraction, p1[1] + (p2[1] - p1[1]) * fraction]; } const trailPoints = []; const trailLine = L.polyline([], { color: color, weight: 3, opacity: 0.9 }).addTo(mapObj); const moveMarker = L.divIcon({ className: 'moving-marker', html: '', iconSize: [12, 12], iconAnchor: [6, 6] }); const movingMarker = L.marker(getPoint(0), { icon: moveMarker }).addTo(mapObj); function animate() { if (currentStep < totalSteps) { const progress = currentStep / totalSteps; const point = getPoint(progress); movingMarker.setLatLng(point); trailPoints.push(point); trailLine.setLatLngs(trailPoints); currentStep++; setTimeout(animate, stepDuration); } else { movingMarker.setLatLng(routeCoords[routeCoords.length - 1]); setTimeout(function() { movingMarker.remove(); trailLine.remove(); mainPolyline.setStyle({ opacity: 0.9, color: color, weight: 4 }); }, 500); } } setTimeout(animate, 1000); } setTimeout(function() { animateRoute(map1, routeAracajuPenedo, mainRoute1, '#e67e22', 3000); }, 500); setTimeout(function() { animateRoute(map2, routeMaceioPenedo, mainRoute2, '#e67e22', 3500); }, 500); // RESPONSIVIDADE window.addEventListener('resize', function() { map1.invalidateSize(); map2.invalidateSize(); });