ホームページ  >  記事  >  バックエンド開発  >  PHP と Baidu Map API を使用してバスのルートをクエリおよび表示する方法

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

PHPz
PHPzオリジナル
2023-07-29 22:01:301870ブラウズ

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。