<div id="map" style="height: 300px; border-radius: 10px;"></div>
<input type="hidden" id="estacao_selecionada" name="estacao">

<script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
<script>
    var map = L.map('map').setView([-22.9068, -43.1729], 11); // Rio de Janeiro
    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(map);

    // Exemplo de Estação
    var estacoes = [
        {nome: "Alvorada", lat: -23.0003, lng: -43.3659},
        {nome: "Vicente de Carvalho", lat: -22.8530, lng: -43.3128}
    ];

    estacoes.forEach(function(est) {
        var marker = L.marker([est.lat, est.lng]).addTo(map);
        marker.bindPopup(est.nome);
        marker.on('click', function() {
            document.getElementById('estacao_selecionada').value = est.nome;
            alert("Local de entrega: " + est.nome);
        });
    });
</script>