Utiliser PHP et l'API Baidu Map pour réaliser l'interaction et l'optimisation de la navigation routière-tutoriel php-php.cn

Utiliser PHP et l'API Baidu Map pour réaliser l'interaction et l'optimisation de la navigation routière

WBOY

Libérer： 2023-07-29 18:40:01

original

1642 Les gens l'ont consulté

Utilisez PHP et l'API Baidu Map pour réaliser l'interaction et l'optimisation de la navigation routière

Dans la société moderne, avec la popularité des transports et le développement des villes, la navigation routière est devenue un élément indispensable de la vie des gens. Afin de faciliter la navigation des utilisateurs sur la page Web, nous pouvons utiliser PHP et l'API Baidu Map pour réaliser l'interaction et l'optimisation.

L'API Baidu Map fournit une variété de fonctions, notamment le géocodage, la planification d'itinéraire, la recherche de localisation, etc. En combinant avec PHP, nous pouvons implémenter des fonctions de navigation dynamique et offrir aux utilisateurs une expérience de voyage plus pratique.

Tout d'abord, nous devons fournir une interface utilisateur pour afficher les zones de saisie de la carte et de la navigation. Supposons que nous ayons un fichier HTML contenant le code suivant :

<!DOCTYPE html>
<html>
<head>
    <title>路线导航</title>
    <style>
        #map {
            width: 100%;
            height: 500px;
        }
    </style>
</head>
<body>
    <h1>路线导航</h1>
    <input type="text" id="origin" placeholder="起点">
    <input type="text" id="destination" placeholder="终点">
    <button onclick="navigate()">导航</button>

    <div id="map"></div>

    <script src="https://api.map.baidu.com/api?v=3.0&ak=YOUR_API_KEY"></script>
    <script src="script.js"></script>
</body>
</html>

Copier après la connexion

Dans le code ci-dessus, nous utilisons une zone de saisie d'emplacement pour saisir le point de départ et le point final, ainsi qu'un bouton de navigation. Parmi eux, l'API Baidu Map est introduite dans la balise script et la logique de navigation est traitée dans le fichier script.js.

Ensuite, nous devons interagir avec l'API Baidu Map dans le fichier PHP, obtenir les résultats de la planification du chemin et les renvoyer à la page frontale. Supposons que nous ayons un fichier nommé navigate.php qui contient le code suivant : navigate.php的文件，包含以下代码：

<?php
$origin = $_GET['origin'];
$destination = $_GET['destination'];

// 使用百度地图API进行路径规划
$url = "http://api.map.baidu.com/directionlite/v1/transit?origin=".$origin."&destination=".$destination."&ak=YOUR_API_KEY";
$response = file_get_contents($url);
$data = json_decode($response, true);

// 返回路径规划结果
echo json_encode($data);
?>

Copier après la connexion

在上述代码中，我们首先获取从前端页面传递过来的起点和终点信息。然后，我们使用百度地图API的路径规划功能生成一个URL。通过使用file_get_contents

function navigate() {
    var origin = document.getElementById('origin').value;
    var destination = document.getElementById('destination').value;

    // 发送HTTP请求获取路径规划结果
    var xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function () {
        if (this.readyState == 4 && this.status == 200) {
            var result = JSON.parse(this.responseText);

            // 处理路径规划结果
            // ...

            // 在地图上显示路径
            // ...
        }
    };
    xhr.open("GET", "navigate.php?origin=" + origin + "&destination=" + destination, true);
    xhr.send();
}

Copier après la connexion

Dans le code ci-dessus, nous obtenons d'abord les informations sur le point de départ et le point final transmises depuis la page frontale. Ensuite, nous utilisons la fonction de planification d'itinéraire de l'API Baidu Maps pour générer une URL. Obtenez le résultat de la réponse de l'API Baidu Map à l'aide de la fonction file_get_contents et analysez le résultat au format JSON. Enfin, nous renvoyons les résultats de la planification du chemin à la page frontale.

Maintenant, nous devons gérer la logique de navigation dans le fichier script.js. Supposons que nous ayons le code suivant :

// 处理路径规划结果
var steps = result.result.routes[0].steps;

// 绘制线路
var map = new BMap.Map("map");
var driving = new BMap.DrivingRoute(map, { renderOptions: { map: map, autoViewport: true } });
for (var i = 0; i < steps.length; i++) {
    var path = steps[i].path;
    var polyline = new BMap.Polyline(path.split(";").map(function (pointStr) {
        var pointArr = pointStr.split(",");
        return new BMap.Point(pointArr[0], pointArr[1]);
    }), { strokeColor: "red", strokeWeight: 2, strokeOpacity: 0.5 });
    map.addOverlay(polyline);
}

Copier après la connexion

Dans le code ci-dessus, nous obtenons d'abord les informations de début et de fin saisies dans la page front-end. Nous utilisons ensuite l'objet XMLHttpRequest pour envoyer une requête HTTP au fichier naviguer.php et transmettre les informations de début et de fin en tant que paramètres de requête au fichier PHP. Après avoir obtenu les résultats de la planification du chemin, nous pouvons les traiter selon nos besoins, par exemple en analysant les informations sur le chemin et en les affichant sur la carte.

Enfin, nous devons afficher les informations sur l'itinéraire et la carte sur la page d'accueil. Nous pouvons utiliser la fonction de tracé de ligne de l'API Baidu Map pour afficher l'itinéraire. Le code spécifique est le suivant :

rrreee

Dans le code ci-dessus, nous obtenons d'abord toutes les étapes à partir des résultats de la planification du chemin. Ensuite, nous utilisons BMap.DrivingRoute pour initialiser la carte, utilisons une boucle pour parcourir les informations de chemin de chaque étape et créons le BMap.Polyline correspondant pour tracer le chemin.

Grâce aux exemples de code ci-dessus, nous pouvons utiliser PHP et l'API Baidu Map pour réaliser l'interaction et l'optimisation de la navigation routière. Les utilisateurs peuvent saisir le point de départ et la destination sur la page d'accueil et cliquer sur le bouton de navigation. Le système planifiera automatiquement le meilleur itinéraire en fonction des informations sur le point de départ et la destination saisies par l'utilisateur et l'affichera sur la carte. De cette manière, les utilisateurs peuvent facilement parcourir les itinéraires et améliorer l’efficacité et le confort des déplacements. 🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!