BossBey File Manager

Editing: maps.html

<!DOCTYPE html>
<html>
<head>
    <title>Mapa do Rio de Janeiro</title>
    <style>
        #map {
            height: 400px;
            width: 100%;
        }
    </style>
    <script src="https://maps.googleapis.com/maps/api/js?key=SUA_CHAVE_DE_API"></script>
    <script>
        function initMap() {
            // Cria um mapa com o centro no Rio de Janeiro
            var map = new google.maps.Map(document.getElementById('map'), {
                center: {lat: -22.9068, lng: -43.1729},
                zoom: 9
            });

// Obtém os dados dos endereços do estado do Rio de Janeiro do banco de dados
            <?php
            $servername = "seu_servidor";
            $username = "seu_usuario";
            $password = "sua_senha";
            $dbname = "seu_banco_de_dados";

try {
                $conn = new PDO("mysql:host=$servername;dbname=$dbname", $username, $password);
                $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
                $stmt = $conn->prepare("SELECT * FROM enderecos WHERE endereco LIKE '%Rio de Janeiro%'");
                $stmt->execute();

// Itera sobre os resultados e cria marcadores no mapa com base na categoria
                while ($row = $stmt->fetch(PDO::FETCH_ASSOC)) {
                    $categoria = $row['categoria'];
                    $iconColor = '';

// Define a cor do marcador com base na categoria
                    if ($categoria == 'verde') {
                        $iconColor = 'http://maps.google.com/mapfiles/ms/icons/green-dot.png';
                    } elseif ($categoria == 'amarelo') {
                        $iconColor = 'http://maps.google.com/mapfiles/ms/icons/yellow-dot.png';
                    } elseif ($categoria == 'vermelho') {
                        $iconColor = 'http://maps.google.com/mapfiles/ms/icons/red-dot.png';
                    }

echo "var marker = new google.maps.Marker({";
                    echo "position: {lat: " . $row['latitude'] . ", lng: " . $row['longitude'] . "},";
                    echo "map: map,";
                    echo "icon: '" . $iconColor . "'";
                    echo "});";
                }
            } catch (PDOException $e) {
                echo "Erro de conexão: " . $e->getMessage();
            }
            $conn = null;
            ?>
        }
    </script>
</head>
<body>
    <h1>Mapa do Rio de Janeiro</h1>
    <div id="map"></div>
    <script async defer src="https://maps.googleapis.com/maps/api/js?key=SUA_CHAVE_DE_API&callback=initMap"></script>
</body>
</html>

Cancel