PHP と Baidu Map API を使用してバスのルートをクエリおよび表示する方法
- PHPzオリジナル
- 2023-07-29 22:01:301915ブラウズ
PHP と Baidu Map API を使用してバス路線をクエリおよび表示する方法
前書き:
今日の都市生活において、バス路線は人々の日常移動のための重要な交通手段の 1 つとなっています。ユーザーが特定のバス路線情報を簡単に照会できるように、PHP と Baidu Map API を使用してバス路線照会および表示機能を実装できます。この記事では、PHP と Baidu Map API を使用してバスのルートをクエリおよび表示する方法を詳しく紹介し、対応するコード例を示します。
ステップ 1: Baidu 開発者アカウントとキーを申請する
まず、Baidu 開発者アカウントを申請し、Baidu Map API にアクセスするためのキーを取得するアプリケーションを作成する必要があります。 Baidu Map Open Platform Web サイト (http://lbsyun.baidu.com/) にアクセスして、アプリケーションを作成し、キーを取得できます。
ステップ 2: HTML ページを作成する
プロジェクトのルート ディレクトリに、バス ルート クエリ ページを表示するためのindex.html ファイルを作成します。コード例は次のとおりです。
<!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>ステップ 3: PHP ファイルを作成する
プロジェクトのルート ディレクトリに、バス ルート クエリのロジックを処理する main.php ファイルを作成します。このファイルでは、Baidu Map API が提供するバス路線クエリ インターフェイスを呼び出して、バス路線情報を取得します。コード例は次のとおりです。
<?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;
?>ステップ 4: JavaScript ファイルを作成する
プロジェクトのルート ディレクトリに、フロントエンドにバスの路線情報を表示する main.js ファイルを作成します。このファイルでは、Baidu Map API が提供する JavaScript SDK を呼び出して、バスのルートを表示します。コード例は次のとおりです。
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);
};ステップ 5: テストと実行
index.html ファイルをブラウザで開き、開始点と終了点のアドレスを開始点と終了点に入力します。それぞれの終点を入力ボックスに入力し、問い合わせボタンをクリックすると、バス路線情報を取得し、地図上に路線を表示することができます。
結論:
PHP と Baidu Map API を使用することで、バス路線の検索と表示機能を簡単に実現できます。上記のコード例は、この機能の理解を深め、開発を迅速に開始するのに役立ちます。これにより、バス路線を簡単に確認することができ、日々の移動が便利になります。
以上がPHP と Baidu Map API を使用してバスのルートをクエリおよび表示する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。