PHP と Baidu Map API を使用してバスのルートをクエリおよび表示する方法

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 ファイルを作成します。コード例は次のとおりです。

ステップ 3: PHP ファイルを作成する
プロジェクトのルート ディレクトリに、バス ルート クエリのロジックを処理する main.php ファイルを作成します。このファイルでは、Baidu Map API が提供するバス路線クエリ インターフェイスを呼び出して、バス路線情報を取得します。コード例は次のとおりです。

ステップ 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'; } document.getElementById('route').innerHTML = html; } } }); transit.search(origin, destination); };

ステップ 5: テストと実行
index.html ファイルをブラウザで開き、開始点と終了点のアドレスを開始点と終了点に入力します。それぞれの終点を入力ボックスに入力し、問い合わせボタンをクリックすると、バス路線情報を取得し、地図上に路線を表示することができます。

結論:
PHP と Baidu Map API を使用することで、バス路線の検索と表示機能を簡単に実現できます。上記のコード例は、この機能の理解を深め、開発を迅速に開始するのに役立ちます。これにより、バス路線を簡単に確認することができ、日々の移動が便利になります。

以上がPHP と Baidu Map API を使用してバスのルートをクエリおよび表示する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。