Heim > Artikel > Backend-Entwicklung > So verwenden Sie PHP und die Baidu Map API zum Abfragen und Anzeigen von Busrouten
So verwenden Sie PHP und die Baidu Map API zum Abfragen und Anzeigen von Busrouten
- PHPzOriginal
- 2023-07-29 22:01:301910Durchsuche
Methode zur Verwendung von PHP und Baidu Map API zum Abfragen und Anzeigen von Busrouten
Vorwort:
Im heutigen städtischen Leben sind Busrouten zu einem wichtigen Transportmittel für die täglichen Reisen der Menschen geworden. Um Benutzern das Abfragen spezifischer Busrouteninformationen zu erleichtern, können wir PHP und die Baidu Map API verwenden, um die Abfrage- und Anzeigefunktionen für Busrouten zu implementieren. In diesem Artikel wird die Methode zur Verwendung von PHP und der Baidu Map API zum Abfragen und Anzeigen von Busrouten ausführlich vorgestellt und entsprechende Codebeispiele bereitgestellt.
Schritt 1: Baidu-Entwicklerkonto und -Schlüssel beantragen
Zuerst müssen wir ein Baidu-Entwicklerkonto beantragen und eine Anwendung erstellen, um den Schlüssel für den Zugriff auf die Baidu Map API zu erhalten. Sie können eine Anwendung erstellen und den Schlüssel erhalten, indem Sie die Website der Baidu Map Open Platform (http://lbsyun.baidu.com/) besuchen.
Schritt 2: HTML-Seite schreiben
Erstellen Sie im Stammverzeichnis des Projekts eine index.html-Datei, um die Busrouten-Abfrageseite anzuzeigen. Das Codebeispiel lautet wie folgt:
<!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>Schritt 3: PHP-Datei schreiben
Erstellen Sie im Stammverzeichnis des Projekts eine main.php-Datei, um die Logik der Busroutenabfrage zu verarbeiten. In dieser Datei rufen wir die von der Baidu Map API bereitgestellte Busrouten-Abfrageschnittstelle auf, um Busrouteninformationen zu erhalten. Das Codebeispiel lautet wie folgt:
<?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;
?>Schritt 4: JavaScript-Datei schreiben
Erstellen Sie im Stammverzeichnis des Projekts eine main.js-Datei, um Busrouteninformationen im Frontend anzuzeigen. In dieser Datei rufen wir das von der Baidu Map API bereitgestellte JavaScript SDK auf, um Busrouten anzuzeigen. Das Codebeispiel lautet wie folgt:
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);
};Schritt 5: Testen und ausführen
Öffnen Sie die Datei index.html im Browser und geben Sie die Adressen des Startpunkts und des Endpunkts in die Eingabefelder Startpunkt bzw. Endpunkt ein. Klicken Sie auf die Schaltfläche „Abfrage“, um Informationen zur Busroute zu erhalten und die Route auf der Karte anzuzeigen.
Fazit:
Durch die Verwendung von PHP und der Baidu Map API können wir die Funktion zum Abfragen und Anzeigen von Busrouten einfach implementieren. Die oben bereitgestellten Codebeispiele können uns helfen, diese Funktion besser zu verstehen und schnell mit der Entwicklung zu beginnen. Mit dieser Methode können Benutzer ganz einfach Buslinien überprüfen, was für eine bequemere tägliche Reise sorgt.
Das obige ist der detaillierte Inhalt vonSo verwenden Sie PHP und die Baidu Map API zum Abfragen und Anzeigen von Busrouten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!