Spaces:
Runtime error
Runtime error
| <html> | |
| <head> | |
| <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> | |
| <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script> | |
| <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script> | |
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/> | |
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/> | |
| <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/> | |
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/> | |
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/> | |
| <meta name="viewport" content="width=device-width, | |
| initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> | |
| <style> | |
| #map_800878dfafeb753832dd2df9330a23c5 { | |
| position: relative; | |
| width: 100.0%; | |
| height: 100.0%; | |
| left: 0.0%; | |
| top: 0.0%; | |
| } | |
| .leaflet-container { font-size: 1rem; } | |
| </style> | |
| <style>html, body { | |
| width: 100%; | |
| height: 100%; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| </style> | |
| <style>#map { | |
| position:absolute; | |
| top:0; | |
| bottom:0; | |
| right:0; | |
| left:0; | |
| } | |
| </style> | |
| <script> | |
| L_NO_TOUCH = false; | |
| L_DISABLE_3D = false; | |
| </script> | |
| </head> | |
| <body> | |
| <script src="https://cdn.jsdelivr.net/npm/chart.js@3.9.1/dist/chart.min.js"></script> | |
| <script> | |
| (function() { | |
| // Esperar o mapa carregar completamente | |
| var checkMap = setInterval(function() { | |
| if (typeof map_800878dfafeb753832dd2df9330a23c5 !== 'undefined') { | |
| clearInterval(checkMap); | |
| initAnimation(); | |
| } | |
| }, 100); | |
| function initAnimation() { | |
| var coords = [[42.2775583333, -83.6987497222], [42.2775583333, -83.6987497222], [42.2775583333, -83.6987497222], [42.2775583333, -83.6987497222], [42.2775583333, -83.6987497222], [42.2782552778, -83.6988030556], [42.2782552778, -83.6988030556], [42.2782552778, -83.6988030556], [42.2782552778, -83.6988030556], [42.2790125, -83.6989011111], [42.2790125, -83.6989011111], [42.2790125, -83.6989011111], [42.2790125, -83.6989011111], [42.2790125, -83.6989011111], [42.2798258333, -83.6990825], [42.2798258333, -83.6990825], [42.2798258333, -83.6990825], [42.2798258333, -83.6990825], [42.2806536111, -83.6993497222], [42.2806536111, -83.6993497222], [42.2806536111, -83.6993497222], [42.2806536111, -83.6993497222], [42.2806536111, -83.6993497222], [42.2806536111, -83.6993497222], [42.2814252778, -83.6996786111], [42.2814252778, -83.6996786111], [42.2814252778, -83.6996786111], [42.2814252778, -83.6996786111], [42.2821922222, -83.7000411111], [42.2821922222, -83.7000411111], [42.2821922222, -83.7000411111], [42.2821922222, -83.7000411111], [42.2821922222, -83.7000411111], [42.2821922222, -83.7000411111], [42.2821922222, -83.7000411111], [42.2821922222, -83.7000411111], [42.2829597222, -83.7005038889], [42.2829597222, -83.7005038889], [42.2829597222, -83.7005038889], [42.2829597222, -83.7005038889], [42.2829597222, -83.7005038889], [42.2838672222, -83.7011169444], [42.2838672222, -83.7011169444], [42.2838672222, -83.7011169444], [42.2838672222, -83.7011169444], [42.2845911111, -83.7016091667], [42.2845911111, -83.7016091667], [42.2845911111, -83.7016091667], [42.2845911111, -83.7016091667], [42.28548, -83.7022116667], [42.28548, -83.7022116667], [42.28548, -83.7022116667], [42.28548, -83.7022116667], [42.2862297222, -83.7027197222], [42.2862297222, -83.7027197222], [42.2862297222, -83.7027197222], [42.2862297222, -83.7027197222], [42.2862297222, -83.7027197222], [42.2862297222, -83.7027197222], [42.2862297222, -83.7027197222], [42.2869772222, -83.7031025], [42.2869772222, -83.7031025], [42.2869772222, -83.7031025], [42.2869772222, -83.7031025], [42.2869772222, -83.7031025], [42.2877736111, -83.7033411111], [42.2877736111, -83.7033411111], [42.2877736111, -83.7033411111], [42.2877736111, -83.7033411111], [42.2885552778, -83.70357], [42.2885552778, -83.70357], [42.2885552778, -83.70357], [42.2885552778, -83.70357], [42.2895066667, -83.7038441667], [42.2895066667, -83.7038441667], [42.2895066667, -83.7038441667], [42.2895066667, -83.7038441667], [42.2895066667, -83.7038441667], [42.2902852778, -83.7041030556], [42.2902852778, -83.7041030556], [42.2902852778, -83.7041030556], [42.2910025, -83.7044836111], [42.2910025, -83.7044836111], [42.2910025, -83.7044836111], [42.2916858333, -83.7049836111], [42.2916858333, -83.7049836111], [42.2916858333, -83.7049836111], [42.2916858333, -83.7049836111], [42.2923916667, -83.7053377778], [42.2923916667, -83.7053377778], [42.2923916667, -83.7053377778], [42.2923916667, -83.7053377778], [42.2923916667, -83.7053377778], [42.2923916667, -83.7053377778], [42.2931136111, -83.7052613889], [42.2931136111, -83.7052613889], [42.2931136111, -83.7052613889], [42.2931136111, -83.7052613889], [42.2937136111, -83.7049280556], [42.2937136111, -83.7049280556], [42.2937136111, -83.7049280556], [42.2937136111, -83.7049280556], [42.2937136111, -83.7049280556], [42.2937136111, -83.7049280556], [42.2937136111, -83.7049280556], [42.2943641667, -83.704695], [42.2943641667, -83.704695], [42.2943641667, -83.704695], [42.2943641667, -83.704695], [42.2943641667, -83.704695], [42.2943641667, -83.704695], [42.2948241667, -83.7045802778], [42.2948241667, -83.7045802778], [42.2948241667, -83.7045802778], [42.2948241667, -83.7045802778], [42.2948241667, -83.7045802778], [42.2948241667, -83.7045802778], [42.2949858333, -83.7045213889], [42.2949858333, -83.7045213889], [42.2949858333, -83.7045213889], [42.2949858333, -83.7045213889], [42.2949858333, -83.7045213889], [42.2949858333, -83.7045213889], [42.2949858333, -83.7045213889], [42.2949858333, -83.7045213889], [42.2949858333, -83.7045213889], [42.2949858333, -83.7045213889], [42.2949858333, -83.7045213889], [42.2950961111, -83.7045172222], [42.2950961111, -83.7045172222], [42.2950961111, -83.7045172222], [42.2950961111, -83.7045172222], [42.2950961111, -83.7045172222], [42.2950961111, -83.7045172222], [42.2950961111, -83.7045172222], [42.2950961111, -83.7045172222], [42.2950961111, -83.7045172222]]; | |
| var variablesData = {"speed": [40.0, 40.0, 45.0, 47.0, 48.0, 52.0, 55.0, 59.0, 59.0, 60.0, 62.0, 63.0, 65.0, 66.0, 67.0, 67.0, 67.0, 65.0, 65.0, 65.0, 65.0, 64.0, 63.0, 63.0, 62.0, 62.0, 63.0, 63.0, 63.0, 64.0, 64.0, 65.0, 66.0, 66.0, 68.0, 69.0, 69.0, 68.0, 68.0, 66.0, 66.0, 66.0, 65.0, 65.0, 65.0, 65.0, 65.0, 65.0, 66.0, 66.0, 66.0, 67.0, 67.0, 67.0, 66.0, 65.0, 65.0, 64.0, 63.0, 63.0, 63.0, 64.0, 64.0, 65.0, 65.0, 65.0, 64.0, 64.0, 64.0, 64.0, 63.0, 63.0, 64.0, 64.0, 65.0, 64.0, 63.0, 62.0, 62.0, 62.0, 62.0, 62.0, 62.0, 62.0, 62.0, 61.0, 60.0, 60.0, 60.0, 60.0, 59.0, 59.0, 57.0, 55.0, 55.0, 50.0, 49.0, 49.0, 49.0, 47.0, 47.0, 45.0, 44.0, 44.0, 41.0, 41.0, 39.0, 36.0, 34.0, 31.0, 24.0, 24.0, 24.0, 19.0, 8.0, 8.0, 2.0, 2.0, 2.0, 2.0, 2.0, 2.0, 2.0, 2.0, 11.0, 11.0, 11.0, 18.0, 20.0, 20.0, 20.0, 25.0, 25.0, 32.0, 32.0, 32.0, 37.0], "elevation": [230.5630340576172, 230.5630340576172, 230.5630340576172, 230.5952026367188, 230.62737121582032, 230.65953979492187, 230.69170837402345, 230.8247192382813, 230.9255615234375, 231.02640380859376, 231.12724609375, 231.2280883789062, 231.46845092773432, 231.70881347656243, 231.9491760253906, 232.1895385742188, 232.79419555664063, 233.1584899902344, 233.5227844238281, 233.88707885742187, 234.2513732910156, 234.2513732910156, 234.97682495117184, 235.70227661132813, 236.4277282714844, 237.15317993164064, 237.8022918701172, 237.7259521484375, 237.6496124267578, 237.57327270507807, 237.4969329833984, 237.4969329833984, 237.4969329833984, 237.4969329833984, 237.1122131347656, 236.7274932861328, 236.3427734375, 235.9580535888672, 235.57333374023443, 235.7831665039063, 235.99299926757817, 236.20283203125004, 236.4126647949219, 236.7957427978516, 236.96898803710943, 237.1422332763672, 237.315478515625, 237.63580322265625, 237.7828826904297, 237.92996215820312, 238.07704162597656, 238.3168884277344, 238.4096557617188, 238.5024230957032, 238.5951904296875, 238.687957763672, 238.687957763672, 238.687957763672, 238.7843505859375, 238.8807434082032, 238.9771362304688, 239.0735290527344, 239.169921875, 239.29015197753907, 239.4103820800781, 239.5306121826172, 239.65084228515624, 239.8400848388672, 239.90909729003903, 239.9781097412109, 240.0471221923828, 240.26297912597656, 240.40982360839843, 240.55666809082032, 240.7035125732422, 240.8503570556641, 241.26884765625005, 241.687338256836, 242.10582885742195, 242.74490661621093, 243.38398437500004, 243.6045715332032, 244.21497192382816, 244.8253723144532, 245.21518554687503, 245.6049987792969, 246.47822875976567, 246.96164550781253, 247.44506225585937, 247.92847900390623, 248.41189575195307, 248.41189575195307, 248.90110473632808, 249.3903137207031, 249.87952270507807, 250.36873168945309, 251.47001037597656, 252.082080078125, 252.69414978027345, 253.30621948242188, 253.9182891845703, 253.9182891845703, 253.9182891845703, 254.52310791015623, 255.1279266357422, 255.7327453613281, 256.3375640869141, 256.9423828125, 256.9423828125, 257.217431640625, 257.49248046875, 257.767529296875, 258.042578125, 258.317626953125, 258.317626953125, 258.34251708984374, 258.3674072265625, 258.3922973632813, 258.4171875, 258.4420776367188, 258.4420776367188, 258.4420776367188, 258.4420776367188, 258.4420776367188, 258.4420776367188, 258.4420776367188, 258.4650024414063, 258.4879272460938, 258.51085205078124, 258.5337768554688, 258.5567016601562, 258.5567016601562, 258.5567016601562, 258.5567016601562, 258.5567016601562, 258.5567016601562, 258.5567016601562]}; | |
| var currentIndex = 0; | |
| var isPlaying = false; | |
| var animationSpeed = 50; | |
| var intervalId = null; | |
| var pathColor = '#ff0000'; | |
| var markerColor = '#ffffff'; | |
| // Função para inicializar gráficos | |
| function initCharts(data) { | |
| var chartsObj = {}; | |
| // Gráfico de Velocidade | |
| if (data.speed) { | |
| var speedCtx = document.getElementById('speedChart').getContext('2d'); | |
| chartsObj.speed = new Chart(speedCtx, { | |
| type: 'line', | |
| data: { | |
| labels: Array.from({length: data.speed.length}, (_, i) => i), | |
| datasets: [{ | |
| label: 'Velocidade (km/h)', | |
| data: data.speed, | |
| borderColor: '#3498db', | |
| backgroundColor: 'rgba(52, 152, 219, 0.1)', | |
| borderWidth: 2, | |
| tension: 0.4, | |
| pointRadius: 0 | |
| }] | |
| }, | |
| options: { | |
| responsive: false, | |
| maintainAspectRatio: false, | |
| animation: false, | |
| plugins: { | |
| legend: {display: false} | |
| }, | |
| scales: { | |
| x: {display: false}, | |
| y: { | |
| beginAtZero: true, | |
| ticks: {color: '#666', font: {size: 10}} | |
| } | |
| } | |
| } | |
| }); | |
| } | |
| // Gráfico de Energia/Combustível | |
| if (data.energy) { | |
| var energyCtx = document.getElementById('energyChart').getContext('2d'); | |
| chartsObj.energy = new Chart(energyCtx, { | |
| type: 'line', | |
| data: { | |
| labels: Array.from({length: data.energy.length}, (_, i) => i), | |
| datasets: [{ | |
| label: data.energy_label || 'Energia', | |
| data: data.energy, | |
| borderColor: '#e74c3c', | |
| backgroundColor: 'rgba(231, 76, 60, 0.1)', | |
| borderWidth: 2, | |
| tension: 0.4, | |
| pointRadius: 0 | |
| }] | |
| }, | |
| options: { | |
| responsive: false, | |
| maintainAspectRatio: false, | |
| animation: false, | |
| plugins: { | |
| legend: {display: false} | |
| }, | |
| scales: { | |
| x: {display: false}, | |
| y: { | |
| beginAtZero: true, | |
| ticks: {color: '#666', font: {size: 10}} | |
| } | |
| } | |
| } | |
| }); | |
| } | |
| // Gráfico de Elevação | |
| if (data.elevation) { | |
| var elevCtx = document.getElementById('elevationChart').getContext('2d'); | |
| chartsObj.elevation = new Chart(elevCtx, { | |
| type: 'line', | |
| data: { | |
| labels: Array.from({length: data.elevation.length}, (_, i) => i), | |
| datasets: [{ | |
| label: 'Elevação (m)', | |
| data: data.elevation, | |
| borderColor: '#2ecc71', | |
| backgroundColor: 'rgba(46, 204, 113, 0.1)', | |
| borderWidth: 2, | |
| tension: 0.4, | |
| pointRadius: 0, | |
| fill: true | |
| }] | |
| }, | |
| options: { | |
| responsive: false, | |
| maintainAspectRatio: false, | |
| animation: false, | |
| plugins: { | |
| legend: {display: false} | |
| }, | |
| scales: { | |
| x: {display: false}, | |
| y: { | |
| ticks: {color: '#666', font: {size: 10}} | |
| } | |
| } | |
| } | |
| }); | |
| } | |
| return chartsObj; | |
| } | |
| // Inicializar gráficos | |
| var charts = initCharts(variablesData); | |
| // Camada para o trajeto percorrido | |
| var traveledPath = L.polyline([], { | |
| color: pathColor, | |
| weight: 5, | |
| opacity: 0.9 | |
| }).addTo(map_800878dfafeb753832dd2df9330a23c5); | |
| // Marcador do carro | |
| var carMarker = L.circleMarker(coords[0], { | |
| radius: 8, | |
| color: pathColor, | |
| weight: 3, | |
| fillColor: markerColor, | |
| fillOpacity: 1 | |
| }).addTo(map_800878dfafeb753832dd2df9330a23c5); | |
| // Atualizar indicador de posição nos gráficos | |
| function updateChartIndicators(index) { | |
| Object.keys(charts).forEach(function(key) { | |
| var chart = charts[key]; | |
| // Criar/atualizar linha vertical no gráfico | |
| if (chart.options.plugins.annotation) { | |
| chart.options.plugins.annotation.annotations.line1.xMin = index; | |
| chart.options.plugins.annotation.annotations.line1.xMax = index; | |
| } else { | |
| // Atualizar viewport do gráfico | |
| var maxVisible = 50; // Mostrar últimos 50 pontos | |
| var minX = Math.max(0, index - maxVisible); | |
| chart.options.scales.x.min = minX; | |
| chart.options.scales.x.max = Math.max(maxVisible, index + 10); | |
| } | |
| chart.update('none'); | |
| }); | |
| // Atualizar valores numéricos | |
| if (variablesData.speed) { | |
| document.getElementById('speedValue').textContent = | |
| variablesData.speed[index].toFixed(1) + ' km/h'; | |
| } | |
| if (variablesData.energy) { | |
| document.getElementById('energyValue').textContent = | |
| variablesData.energy[index].toFixed(2); | |
| } | |
| if (variablesData.elevation) { | |
| document.getElementById('elevationValue').textContent = | |
| variablesData.elevation[index].toFixed(1) + ' m'; | |
| } | |
| } | |
| window.updateAnimation = function() { | |
| // Só atualiza se estiver realmente tocando | |
| if (!isPlaying) return; | |
| if (currentIndex < coords.length) { | |
| carMarker.setLatLng(coords[currentIndex]); | |
| var traveled = coords.slice(0, currentIndex + 1); | |
| traveledPath.setLatLngs(traveled); | |
| document.getElementById('timeSlider').value = currentIndex; | |
| document.getElementById('timeDisplay').textContent = | |
| 'Ponto: ' + (currentIndex + 1) + ' / ' + coords.length; | |
| // Atualizar gráficos | |
| updateChartIndicators(currentIndex); | |
| currentIndex++; | |
| } else { | |
| currentIndex = 0; | |
| } | |
| }; | |
| window.playAnimation = function() { | |
| if (!isPlaying) { | |
| isPlaying = true; | |
| document.getElementById('playBtn').innerHTML = '⏸ Pausar'; | |
| intervalId = setInterval(window.updateAnimation, animationSpeed); | |
| } | |
| }; | |
| window.pauseAnimation = function() { | |
| isPlaying = false; | |
| document.getElementById('playBtn').innerHTML = '▶ Play'; | |
| if (intervalId) { | |
| clearInterval(intervalId); | |
| intervalId = null; | |
| } | |
| }; | |
| window.togglePlay = function() { | |
| if (isPlaying) { | |
| window.pauseAnimation(); | |
| } else { | |
| window.playAnimation(); | |
| } | |
| }; | |
| window.resetAnimation = function() { | |
| window.pauseAnimation(); | |
| currentIndex = 0; | |
| carMarker.setLatLng(coords[0]); | |
| traveledPath.setLatLngs([coords[0]]); | |
| document.getElementById('timeSlider').value = 0; | |
| document.getElementById('timeDisplay').textContent = 'Ponto: 1 / ' + coords.length; | |
| }; | |
| window.changeSpeed = function(value) { | |
| animationSpeed = 200 - value; | |
| document.getElementById('speedDisplay').textContent = 'Velocidade: ' + value + '%'; | |
| if (isPlaying) { | |
| clearInterval(intervalId); | |
| intervalId = setInterval(window.updateAnimation, animationSpeed); | |
| } | |
| }; | |
| window.seekTo = function(index) { | |
| currentIndex = parseInt(index); | |
| carMarker.setLatLng(coords[currentIndex]); | |
| var traveled = coords.slice(0, currentIndex + 1); | |
| traveledPath.setLatLngs(traveled); | |
| document.getElementById('timeDisplay').textContent = | |
| 'Ponto: ' + (currentIndex + 1) + ' / ' + coords.length; | |
| // Atualizar gráficos ao usar o slider | |
| updateChartIndicators(currentIndex); | |
| }; | |
| // Auto-play | |
| setTimeout(window.playAnimation, 1000); | |
| } | |
| })(); | |
| </script> | |
| <!-- Painéis de Gráficos Laterais --> | |
| <div style="position: fixed; right: 15px; top: 15px; width: 400px; z-index: 1000; max-height: 90vh; overflow-y: auto;"> | |
| <div style="background: white; padding: 20px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.2); margin-bottom: 15px; border-left: 5px solid #3498db;"><h4 style="margin: 0 0 10px 0; font-size: 16px; color: #3498db; font-weight: bold;">⚡ Velocidade</h4><div id="speedValue" style="font-size: 32px; font-weight: bold; color: #3498db; margin-bottom: 15px; text-align: center;">0 km/h</div><canvas id="speedChart" width="360" height="120"></canvas></div> | |
| <div style="background: white; padding: 20px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.2); border-left: 5px solid #2ecc71;"><h4 style="margin: 0 0 10px 0; font-size: 16px; color: #2ecc71; font-weight: bold;">⛰️ Elevação</h4><div id="elevationValue" style="font-size: 32px; font-weight: bold; color: #2ecc71; margin-bottom: 15px; text-align: center;">0 m</div><canvas id="elevationChart" width="360" height="120"></canvas></div> | |
| </div> | |
| <!-- Controles de Animação --> | |
| <div style="position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); | |
| background: white; padding: 15px; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.3); | |
| z-index: 1000; min-width: 400px;"> | |
| <div style="text-align: center; margin-bottom: 10px;"> | |
| <h4 style="margin: 0 0 10px 0;">🚗 Combustão - Cliente 0</h4> | |
| <div id="timeDisplay" style="font-size: 14px; color: #666;">Ponto: 1 / 137</div> | |
| </div> | |
| <div style="display: flex; gap: 10px; margin-bottom: 10px; justify-content: center;"> | |
| <button id="playBtn" onclick="togglePlay()" | |
| style="padding: 10px 20px; font-size: 16px; cursor: pointer; border: none; | |
| background: #ff0000; color: white; border-radius: 5px;"> | |
| ▶ Play | |
| </button> | |
| <button onclick="resetAnimation()" | |
| style="padding: 10px 20px; font-size: 16px; cursor: pointer; border: none; | |
| background: #666; color: white; border-radius: 5px;"> | |
| 🔄 Reiniciar | |
| </button> | |
| </div> | |
| <div style="margin-bottom: 10px;"> | |
| <input type="range" id="timeSlider" min="0" max="136" value="0" | |
| oninput="seekTo(this.value)" | |
| style="width: 100%;"> | |
| </div> | |
| <div> | |
| <div id="speedDisplay" style="font-size: 12px; color: #666; margin-bottom: 5px;"> | |
| Velocidade: 100% | |
| </div> | |
| <input type="range" id="speedSlider" min="10" max="190" value="100" | |
| oninput="changeSpeed(this.value)" | |
| style="width: 100%;"> | |
| </div> | |
| </div> | |
| <div class="folium-map" id="map_800878dfafeb753832dd2df9330a23c5" ></div> | |
| </body> | |
| <script> | |
| var map_800878dfafeb753832dd2df9330a23c5 = L.map( | |
| "map_800878dfafeb753832dd2df9330a23c5", | |
| { | |
| center: [42.28783561840511, -83.7026126236854], | |
| crs: L.CRS.EPSG3857, | |
| ...{ | |
| "zoom": 13, | |
| "zoomControl": true, | |
| "preferCanvas": false, | |
| } | |
| } | |
| ); | |
| var tile_layer_58a14cc39991c665ede74c4e142e750a = L.tileLayer( | |
| "https://tile.openstreetmap.org/{z}/{x}/{y}.png", | |
| { | |
| "minZoom": 0, | |
| "maxZoom": 19, | |
| "maxNativeZoom": 19, | |
| "noWrap": false, | |
| "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors", | |
| "subdomains": "abc", | |
| "detectRetina": false, | |
| "tms": false, | |
| "opacity": 1, | |
| } | |
| ); | |
| tile_layer_58a14cc39991c665ede74c4e142e750a.addTo(map_800878dfafeb753832dd2df9330a23c5); | |
| var poly_line_e9c44cdc0aa4f16477e75fb82bac2504 = L.polyline( | |
| [[42.2775583333, -83.6987497222], [42.2775583333, -83.6987497222], [42.2775583333, -83.6987497222], [42.2775583333, -83.6987497222], [42.2775583333, -83.6987497222], [42.2782552778, -83.6988030556], [42.2782552778, -83.6988030556], [42.2782552778, -83.6988030556], [42.2782552778, -83.6988030556], [42.2790125, -83.6989011111], [42.2790125, -83.6989011111], [42.2790125, -83.6989011111], [42.2790125, -83.6989011111], [42.2790125, -83.6989011111], [42.2798258333, -83.6990825], [42.2798258333, -83.6990825], [42.2798258333, -83.6990825], [42.2798258333, -83.6990825], [42.2806536111, -83.6993497222], [42.2806536111, -83.6993497222], [42.2806536111, -83.6993497222], [42.2806536111, -83.6993497222], [42.2806536111, -83.6993497222], [42.2806536111, -83.6993497222], [42.2814252778, -83.6996786111], [42.2814252778, -83.6996786111], [42.2814252778, -83.6996786111], [42.2814252778, -83.6996786111], [42.2821922222, -83.7000411111], [42.2821922222, -83.7000411111], [42.2821922222, -83.7000411111], [42.2821922222, -83.7000411111], [42.2821922222, -83.7000411111], [42.2821922222, -83.7000411111], [42.2821922222, -83.7000411111], [42.2821922222, -83.7000411111], [42.2829597222, -83.7005038889], [42.2829597222, -83.7005038889], [42.2829597222, -83.7005038889], [42.2829597222, -83.7005038889], [42.2829597222, -83.7005038889], [42.2838672222, -83.7011169444], [42.2838672222, -83.7011169444], [42.2838672222, -83.7011169444], [42.2838672222, -83.7011169444], [42.2845911111, -83.7016091667], [42.2845911111, -83.7016091667], [42.2845911111, -83.7016091667], [42.2845911111, -83.7016091667], [42.28548, -83.7022116667], [42.28548, -83.7022116667], [42.28548, -83.7022116667], [42.28548, -83.7022116667], [42.2862297222, -83.7027197222], [42.2862297222, -83.7027197222], [42.2862297222, -83.7027197222], [42.2862297222, -83.7027197222], [42.2862297222, -83.7027197222], [42.2862297222, -83.7027197222], [42.2862297222, -83.7027197222], [42.2869772222, -83.7031025], [42.2869772222, -83.7031025], [42.2869772222, -83.7031025], [42.2869772222, -83.7031025], [42.2869772222, -83.7031025], [42.2877736111, -83.7033411111], [42.2877736111, -83.7033411111], [42.2877736111, -83.7033411111], [42.2877736111, -83.7033411111], [42.2885552778, -83.70357], [42.2885552778, -83.70357], [42.2885552778, -83.70357], [42.2885552778, -83.70357], [42.2895066667, -83.7038441667], [42.2895066667, -83.7038441667], [42.2895066667, -83.7038441667], [42.2895066667, -83.7038441667], [42.2895066667, -83.7038441667], [42.2902852778, -83.7041030556], [42.2902852778, -83.7041030556], [42.2902852778, -83.7041030556], [42.2910025, -83.7044836111], [42.2910025, -83.7044836111], [42.2910025, -83.7044836111], [42.2916858333, -83.7049836111], [42.2916858333, -83.7049836111], [42.2916858333, -83.7049836111], [42.2916858333, -83.7049836111], [42.2923916667, -83.7053377778], [42.2923916667, -83.7053377778], [42.2923916667, -83.7053377778], [42.2923916667, -83.7053377778], [42.2923916667, -83.7053377778], [42.2923916667, -83.7053377778], [42.2931136111, -83.7052613889], [42.2931136111, -83.7052613889], [42.2931136111, -83.7052613889], [42.2931136111, -83.7052613889], [42.2937136111, -83.7049280556], [42.2937136111, -83.7049280556], [42.2937136111, -83.7049280556], [42.2937136111, -83.7049280556], [42.2937136111, -83.7049280556], [42.2937136111, -83.7049280556], [42.2937136111, -83.7049280556], [42.2943641667, -83.704695], [42.2943641667, -83.704695], [42.2943641667, -83.704695], [42.2943641667, -83.704695], [42.2943641667, -83.704695], [42.2943641667, -83.704695], [42.2948241667, -83.7045802778], [42.2948241667, -83.7045802778], [42.2948241667, -83.7045802778], [42.2948241667, -83.7045802778], [42.2948241667, -83.7045802778], [42.2948241667, -83.7045802778], [42.2949858333, -83.7045213889], [42.2949858333, -83.7045213889], [42.2949858333, -83.7045213889], [42.2949858333, -83.7045213889], [42.2949858333, -83.7045213889], [42.2949858333, -83.7045213889], [42.2949858333, -83.7045213889], [42.2949858333, -83.7045213889], [42.2949858333, -83.7045213889], [42.2949858333, -83.7045213889], [42.2949858333, -83.7045213889], [42.2950961111, -83.7045172222], [42.2950961111, -83.7045172222], [42.2950961111, -83.7045172222], [42.2950961111, -83.7045172222], [42.2950961111, -83.7045172222], [42.2950961111, -83.7045172222], [42.2950961111, -83.7045172222], [42.2950961111, -83.7045172222], [42.2950961111, -83.7045172222]], | |
| {"bubblingMouseEvents": true, "color": "#cccccc", "dashArray": null, "dashOffset": null, "fill": false, "fillColor": "#cccccc", "fillOpacity": 0.2, "fillRule": "evenodd", "lineCap": "round", "lineJoin": "round", "noClip": false, "opacity": 0.5, "smoothFactor": 1.0, "stroke": true, "weight": 5} | |
| ).addTo(map_800878dfafeb753832dd2df9330a23c5); | |
| var popup_49d98a7aed00d3635d09a9a11d4d362a = L.popup({ | |
| "maxWidth": "100%", | |
| }); | |
| var html_8b547677f443b5ef0c2af2b87e25ad91 = $(`<div id="html_8b547677f443b5ef0c2af2b87e25ad91" style="width: 100.0%; height: 100.0%;">Trajeto completo - Combustão</div>`)[0]; | |
| popup_49d98a7aed00d3635d09a9a11d4d362a.setContent(html_8b547677f443b5ef0c2af2b87e25ad91); | |
| poly_line_e9c44cdc0aa4f16477e75fb82bac2504.bindPopup(popup_49d98a7aed00d3635d09a9a11d4d362a) | |
| ; | |
| var circle_marker_19b390385dc7c4c7854a5a7fc11f45e9 = L.circleMarker( | |
| [42.2775583333, -83.6987497222], | |
| {"bubblingMouseEvents": true, "color": "green", "dashArray": null, "dashOffset": null, "fill": true, "fillColor": "green", "fillOpacity": 0.8, "fillRule": "evenodd", "lineCap": "round", "lineJoin": "round", "opacity": 1.0, "radius": 10, "stroke": true, "weight": 3} | |
| ).addTo(map_800878dfafeb753832dd2df9330a23c5); | |
| var popup_f15de743ca68f16ece2af83acd040e45 = L.popup({ | |
| "maxWidth": "100%", | |
| }); | |
| var html_73e20b65ed5a888ad0008c392ccdbe93 = $(`<div id="html_73e20b65ed5a888ad0008c392ccdbe93" style="width: 100.0%; height: 100.0%;"><b>INÍCIO</b><br>Combustão</div>`)[0]; | |
| popup_f15de743ca68f16ece2af83acd040e45.setContent(html_73e20b65ed5a888ad0008c392ccdbe93); | |
| circle_marker_19b390385dc7c4c7854a5a7fc11f45e9.bindPopup(popup_f15de743ca68f16ece2af83acd040e45) | |
| ; | |
| var circle_marker_fc2c224a37c8956d47eb89ed4f3402b8 = L.circleMarker( | |
| [42.2950961111, -83.7045172222], | |
| {"bubblingMouseEvents": true, "color": "red", "dashArray": null, "dashOffset": null, "fill": true, "fillColor": "red", "fillOpacity": 0.8, "fillRule": "evenodd", "lineCap": "round", "lineJoin": "round", "opacity": 1.0, "radius": 10, "stroke": true, "weight": 3} | |
| ).addTo(map_800878dfafeb753832dd2df9330a23c5); | |
| var popup_b32be036144b4cb12eaa6e6d036a5b92 = L.popup({ | |
| "maxWidth": "100%", | |
| }); | |
| var html_dd691795a81c1ea059bec29c545fbb50 = $(`<div id="html_dd691795a81c1ea059bec29c545fbb50" style="width: 100.0%; height: 100.0%;"><b>FIM</b><br>Combustão</div>`)[0]; | |
| popup_b32be036144b4cb12eaa6e6d036a5b92.setContent(html_dd691795a81c1ea059bec29c545fbb50); | |
| circle_marker_fc2c224a37c8956d47eb89ed4f3402b8.bindPopup(popup_b32be036144b4cb12eaa6e6d036a5b92) | |
| ; | |
| </script> | |
| </html> |