Ir para o conteúdo

InÍcio

InÍcio

Sem categoria

Olá, mundo!

Por mapavia | 6 de maio de 2026 | 1

Boas-vindas ao WordPress. Esse é o seu primeiro post. Edite-o ou exclua-o, e então comece a escrever!

Pesquisar

Posts recentes

Olá, mundo!

Comentários

Um comentarista do WordPress em Olá, mundo!

Arquivos

maio 2026

Categorias

Sem categoria

© 2026 Labys. Todos os direitos reservados

InÍcio

document.addEventListener("DOMContentLoaded", function () { if (!document.getElementById("mapeiaMap")) return; if (typeof L === "undefined") { alert("Leaflet não carregou. Verifique o snippet do Header no WPCode."); return; } const map = L.map("mapeiaMap").setView([-14.235, -51.9253], 4); L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", { attribution: "© OpenStreetMap" }).addTo(map); let rotaLayer = null; let origemMarker = null; let destinoMarker = null; async function buscarCoordenadas(endereco) { const url = "https://nominatim.openstreetmap.org/search?format=json&limit=1&countrycodes=br&q=" + encodeURIComponent(endereco); const resposta = await fetch(url); const dados = await resposta.json(); if (!dados || dados.length === 0) { throw new Error("Endereço não encontrado: " + endereco); } return { lat: parseFloat(dados[0].lat), lon: parseFloat(dados[0].lon) }; } async function calcularRota() { const origem = document.getElementById("origem").value.trim(); const destino = document.getElementById("destino").value.trim(); const preco = parseFloat(document.getElementById("preco").value.replace(",", ".")); const consumo = parseFloat(document.getElementById("consumo").value.replace(",", ".")); if (!origem || !destino) { alert("Digite origem e destino."); return; } if (!preco || !consumo) { alert("Digite o preço do combustível e o consumo em km/l."); return; } document.getElementById("distancia").innerText = "calculando..."; document.getElementById("tempo").innerText = "calculando..."; document.getElementById("combustivel").innerText = "calculando..."; document.getElementById("pedagio").innerText = "-"; document.getElementById("total").innerText = "calculando..."; try { const coordOrigem = await buscarCoordenadas(origem); const coordDestino = await buscarCoordenadas(destino); const rotaURL = "https://router.project-osrm.org/route/v1/driving/" + coordOrigem.lon + "," + coordOrigem.lat + ";" + coordDestino.lon + "," + coordDestino.lat + "?overview=full&geometries=geojson"; const resposta = await fetch(rotaURL); const dados = await resposta.json(); if (!dados.routes || !dados.routes[0]) { throw new Error("Rota não encontrada."); } const rota = dados.routes[0]; const distanciaKm = rota.distance / 1000; const tempoMin = rota.duration / 60; const gastoCombustivel = (distanciaKm / consumo) * preco; document.getElementById("distancia").innerText = distanciaKm.toFixed(1) + " km"; document.getElementById("tempo").innerText = Math.round(tempoMin) + " min"; document.getElementById("combustivel").innerText = gastoCombustivel.toLocaleString("pt-BR", { style: "currency", currency: "BRL" }); document.getElementById("pedagio").innerText = "não incluído"; document.getElementById("total").innerText = gastoCombustivel.toLocaleString("pt-BR", { style: "currency", currency: "BRL" }); if (rotaLayer) map.removeLayer(rotaLayer); if (origemMarker) map.removeLayer(origemMarker); if (destinoMarker) map.removeLayer(destinoMarker); rotaLayer = L.geoJSON(rota.geometry, { style: { weight: 6, opacity: 0.85 } }).addTo(map); origemMarker = L.marker([coordOrigem.lat, coordOrigem.lon]).addTo(map); destinoMarker = L.marker([coordDestino.lat, coordDestino.lon]).addTo(map); map.fitBounds(rotaLayer.getBounds(), { padding: [40, 40] }); setTimeout(function () { map.invalidateSize(); }, 300); } catch (erro) { alert(erro.message); document.getElementById("distancia").innerText = "-"; document.getElementById("tempo").innerText = "-"; document.getElementById("combustivel").innerText = "-"; document.getElementById("total").innerText = "-"; } } document.getElementById("btnCalcular").addEventListener("click", calcularRota); setTimeout(function () { map.invalidateSize(); }, 500); });