Rumah > Artikel > pembangunan bahagian belakang > Cara menggunakan PHP dan API Peta Baidu untuk bertanya dan memaparkan laluan bas
Cara menggunakan PHP dan API Peta Baidu untuk bertanya dan memaparkan laluan bas
- PHPzasal
- 2023-07-29 22:01:301917semak imbas
Kaedah menggunakan PHP dan API Peta Baidu untuk membuat pertanyaan dan memaparkan laluan bas
Kata Pengantar:
Dalam kehidupan di bandar hari ini, laluan bas telah menjadi salah satu alat pengangkutan yang penting untuk perjalanan harian orang ramai. Untuk memudahkan pengguna menanyakan maklumat laluan bas tertentu, kami boleh menggunakan PHP dan API Peta Baidu untuk melaksanakan fungsi pertanyaan dan paparan laluan bas. Artikel ini akan memperkenalkan secara terperinci kaedah menggunakan PHP dan API Peta Baidu untuk bertanya dan memaparkan laluan bas, dan menyediakan contoh kod yang sepadan.
Langkah 1: Mohon untuk akaun dan kunci pembangun Baidu
Pertama, kami perlu memohon akaun pembangun Baidu dan membuat aplikasi untuk mendapatkan kunci untuk mengakses API Peta Baidu. Anda boleh membuat aplikasi dan mendapatkan kunci dengan melawati tapak web Platform Terbuka Peta Baidu (http://lbsyun.baidu.com/).
Langkah 2: Tulis halaman HTML
Dalam direktori akar projek, buat fail index.html untuk memaparkan halaman pertanyaan laluan bas. Contoh kod adalah seperti berikut:
<!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>Langkah 3: Tulis fail PHP
Dalam direktori akar projek, cipta fail utama.php untuk mengendalikan logik pertanyaan laluan bas. Dalam fail ini, kami akan memanggil antara muka pertanyaan laluan bas yang disediakan oleh API Peta Baidu untuk mendapatkan maklumat laluan bas. Contoh kod adalah seperti berikut:
<?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;
?>Langkah 4: Tulis fail JavaScript
Dalam direktori akar projek, cipta fail main.js untuk memaparkan maklumat laluan bas di bahagian hadapan. Dalam fail ini, kami akan memanggil JavaScript SDK yang disediakan oleh Baidu Map API untuk memaparkan laluan bas. Contoh kod adalah seperti berikut:
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);
};Langkah 5: Uji dan jalankan
Buka fail index.html dalam penyemak imbas, dan masukkan alamat titik permulaan dan titik penamat dalam kotak input titik permulaan dan titik akhir masing-masing. Klik butang pertanyaan untuk mendapatkan maklumat laluan bas dan tunjukkan laluan pada peta.
Kesimpulan:
Dengan menggunakan PHP dan API Peta Baidu, kami boleh melaksanakan fungsi bertanya dan memaparkan laluan bas dengan mudah. Contoh kod yang disediakan di atas boleh membantu kami memahami dengan lebih baik dan cepat memulakan pembangunan ciri ini. Melalui kaedah ini, pengguna boleh menyemak laluan bas dengan mudah, yang memberikan kemudahan untuk perjalanan harian.
Atas ialah kandungan terperinci Cara menggunakan PHP dan API Peta Baidu untuk bertanya dan memaparkan laluan bas. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!