Comment utiliser PHP et l'API Baidu Map pour interroger et afficher les itinéraires de bus-tutoriel php-php.cn

Comment utiliser PHP et l'API Baidu Map pour interroger et afficher les itinéraires de bus

PHPz

Libérer： 2023-07-29 22:04:02

original

1923 Les gens l'ont consulté

Méthode d'utilisation de PHP et de l'API Baidu Map pour interroger et afficher les itinéraires de bus

Avant-propos :
Dans la vie urbaine d'aujourd'hui, les itinéraires de bus sont devenus l'un des moyens de transport importants pour les déplacements quotidiens des gens. Afin de permettre aux utilisateurs d'interroger des informations spécifiques sur les itinéraires de bus, nous pouvons utiliser PHP et l'API Baidu Map pour implémenter les fonctions de requête et d'affichage des itinéraires de bus. Cet article présentera en détail la méthode d'utilisation de PHP et de l'API Baidu Map pour interroger et afficher les itinéraires de bus, et fournira des exemples de code correspondants.

Étape 1 : Demander un compte développeur et une clé Baidu
Tout d'abord, nous devons demander un compte développeur Baidu et créer une application pour obtenir la clé permettant d'accéder à l'API Baidu Map. Vous pouvez créer une application et obtenir la clé en visitant le site Web Baidu Map Open Platform (http://lbsyun.baidu.com/).

Étape 2 : Écrire une page HTML
Dans le répertoire racine du projet, créez un fichier index.html pour afficher la page de requête d'itinéraire de bus. L'exemple de code est le suivant :

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>公交路线查询与展示</title>
    <style>
        #map {
            width: 100%;
            height: 600px;
        }
    </style>
</head>
<body>
    <div id="map"></div>

    <script src="http://api.map.baidu.com/api?v=2.0&ak=你的密钥"></script>
    <script src="main.js"></script>
</body>
</html>

Copier après la connexion

Étape 3 : Écrire le fichier PHP
Dans le répertoire racine du projet, créez un fichier main.php pour gérer la logique de requête d'itinéraire de bus. Dans ce fichier, nous appellerons l'interface de requête d'itinéraire de bus fournie par l'API Baidu Map pour obtenir des informations sur les itinéraires de bus. L'exemple de code est le suivant :

<?php
$origin = $_GET['origin']; // 起点
$destination = $_GET['destination']; // 终点
$key = '你的密钥'; // 百度地图API密钥

$url = "http://api.map.baidu.com/directionlite/v1/transit?origin={$origin}&destination={$destination}&ak={$key}";

$result = file_get_contents($url);
echo $result;
?>

Copier après la connexion

Étape 4 : Écrire un fichier JavaScript
Dans le répertoire racine du projet, créez un fichier main.js pour afficher les informations sur les itinéraires de bus sur le front-end. Dans ce fichier, nous appellerons le SDK JavaScript fourni par l'API Baidu Map pour afficher les itinéraires de bus. L'exemple de code est le suivant :

window.onload = function () {
    var map = new BMap.Map('map');
    var origin = new BMap.Point(116.404, 39.915); // 起点经纬度
    var destination = new BMap.Point(116.390, 39.915); // 终点经纬度
    
    map.centerAndZoom(origin, 12); // 设置地图初始化中心点和缩放级别
    
    var transit = new BMap.TransitRoute(map, {
        renderOptions: {map: map},
        onSearchComplete: function(result){
            if (transit.getStatus() == BMAP_STATUS_SUCCESS){
                var plan = result.getPlan(0);
                var route = plan.getRoute(0);
                var steps = route.getSteps();
                
                var html = '';
                for (var i=0; i<steps.length; i++) {
                    html += steps[i].getDescription() + '<br>';
                }
                
                document.getElementById('route').innerHTML = html;
            }
        }
    });
    
    transit.search(origin, destination);
};

Copier après la connexion

Étape 5 : Tester et exécuter
Ouvrez le fichier index.html dans le navigateur et saisissez les adresses du point de départ et du point d'arrivée respectivement dans les zones de saisie du point de départ et du point d'arrivée. Cliquez sur le bouton de requête pour obtenir les informations sur l'itinéraire de bus et afficher l'itinéraire sur la carte.

Conclusion :
En utilisant PHP et l'API Baidu Map, nous pouvons facilement implémenter la fonction d'interrogation et d'affichage des itinéraires de bus. Les exemples de code fournis ci-dessus peuvent nous aider à mieux comprendre et à démarrer rapidement le développement de cette fonctionnalité. Grâce à cette méthode, les utilisateurs peuvent facilement vérifier les itinéraires de bus, ce qui facilite les déplacements quotidiens.

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!