Tutorial untuk melaksanakan fungsi carian lokasi menggunakan PHP dan API Peta Baidu

PHPz
Lepaskan: 2023-07-29 15:30:01
asal
1680 orang telah melayarinya

Tutorial menggunakan PHP dan API Peta Baidu untuk melaksanakan fungsi carian lokasi

Dengan perkembangan Internet, aplikasi peta telah menjadi bahagian yang amat diperlukan dalam kehidupan seharian manusia. Peta Baidu ialah salah satu perkhidmatan peta yang lebih biasa digunakan di China Ia menyediakan API yang kaya untuk memudahkan pembangun membangunkan fungsi berkaitan peta. Dalam tutorial ini, kami akan menggunakan PHP dan API Peta Baidu untuk melaksanakan fungsi carian lokasi.

Langkah 1: Mohon Kunci API Peta Baidu
Pertama, kita perlu memohon kunci API pada platform terbuka Peta Baidu. Lawati laman web Platform Terbuka Peta Baidu (http://lbsyun.baidu.com/), daftar dan log masuk. Selepas log masuk, masukkan "Konsol", pilih "Buat Aplikasi", dan isikan nama aplikasi, jenis aplikasi, alamat panggilan balik dan maklumat lain yang berkaitan. Selepas penciptaan selesai, anda boleh melihat aplikasi yang baru dibuat pada halaman "Aplikasi Saya" dan mendapatkan kunci API.

Langkah 2: Perkenalkan API Peta Baidu
Dalam persekitaran pembangunan PHP, kita perlu memperkenalkan API Peta Baidu ke dalam kod. Mula-mula, anda boleh mencipta folder bernama "baiduMap" (anda boleh menamakannya mengikut keutamaan peribadi anda) dalam direktori tempat projek itu terletak, kemudian muat turun fail JavaScript API Peta Baidu dan letakkan dalam folder "baiduMap" . Gunakan kod berikut dalam fail PHP untuk memperkenalkan API Peta Baidu:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>地点搜索</title>
    <script type="text/javascript" src="baiduMap/bmap.js"></script>
  </head>
  <body>
  </body>
</html>
Salin selepas log masuk

Sila pastikan untuk meletakkan kod di atas dalam teg

Langkah 3: Tulis borang carian lokasi
Seterusnya, kita perlu menulis borang carian lokasi pada halaman untuk memudahkan pengguna memasukkan kandungan carian. Anda boleh menambah kod berikut dalam teg :

<h2>地点搜索</h2>
<form action="" method="POST">
  <input type="text" name="keyword" placeholder="请输入要搜索的地点">
  <input type="submit" value="搜索">
</form>
Salin selepas log masuk

Kod di atas akan memaparkan borang ringkas yang mengandungi kotak carian dan butang carian pada halaman.

Langkah 4: Proses input pengguna
Apabila pengguna mengklik butang carian, kami perlu memproses kandungan carian yang dimasukkan oleh pengguna. Dalam fail PHP, gunakan kod berikut untuk mendapatkan data borang:

<?php
if(isset($_POST['keyword']) && !empty($_POST['keyword'])){
  $keyword = $_POST['keyword'];
}
?>
Salin selepas log masuk

Kod di atas akan menyemak sama ada terdapat kandungan yang dimasukkan dalam borang, dan jika ia wujud dan tidak kosong, data akan disimpan dalam pembolehubah $ kata kunci.

Langkah 5: Panggil API Peta Baidu untuk mencari
Selepas mendapatkan kandungan carian yang dimasukkan oleh pengguna, kami akan menggunakan API Peta Baidu untuk menjalankan carian lokasi. Dalam fail PHP, gunakan kod berikut untuk memanggil API untuk mencari:

<?php
if(isset($_POST['keyword']) && !empty($_POST['keyword'])){
  $keyword = $_POST['keyword'];
  
  $url = "http://api.map.baidu.com/place/v2/search?query=".$keyword."&region=全国&output=json&ak=YOUR_API_KEY";
  
  $result = file_get_contents($url);
  
  $data = json_decode($result, true);
  
  // 显示搜索结果
  foreach($data['results'] as $item){
    echo $item['name']."<br>";
  }
}
?>
Salin selepas log masuk

Kod di atas menambah kandungan carian yang dimasukkan oleh pengguna ke URL permintaan API dan menggunakan fungsi file_get_contents() untuk mendapatkan hasil yang dikembalikan. Kemudian, hasil yang dikembalikan dihuraikan ke dalam format tatasusunan dan hasil carian dipaparkan dalam gelung.

Sila ambil perhatian bahawa YOUR_API_KEY dalam kod di atas perlu diganti dengan kunci API yang anda gunakan dalam langkah 1.

Langkah 6: Lengkapkan Contoh Kod PHP
Berikut ialah contoh kod lengkap bagi keseluruhan fail PHP:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>地点搜索</title>
    <script type="text/javascript" src="baiduMap/bmap.js"></script>
  </head>
  <body>
    <h2>地点搜索</h2>
    <form action="" method="POST">
      <input type="text" name="keyword" placeholder="请输入要搜索的地点">
      <input type="submit" value="搜索">
    </form>
    
    <?php
    if(isset($_POST['keyword']) && !empty($_POST['keyword'])){
      $keyword = $_POST['keyword'];
      
      $url = "http://api.map.baidu.com/place/v2/search?query=".$keyword."&region=全国&output=json&ak=YOUR_API_KEY";
      
      $result = file_get_contents($url);
      
      $data = json_decode($result, true);
      
      // 显示搜索结果
      foreach($data['results'] as $item){
        echo $item['name']."<br>";
      }
    }
    ?>
  </body>
</html>
Salin selepas log masuk

Sila pastikan anda menggantikan YOUR_API_KEY dalam kod dengan kunci API yang anda minta pada Langkah 1.

Menggunakan tutorial di atas, kami boleh menggunakan PHP dan API Peta Baidu dengan mudah untuk melaksanakan fungsi carian lokasi. Anda juga boleh mengembangkan lagi kod mengikut keperluan anda sendiri, menambah lebih banyak fungsi peta dan memberikan pengalaman pengguna yang lebih baik. Harap tutorial ini membantu anda!

Atas ialah kandungan terperinci Tutorial untuk melaksanakan fungsi carian lokasi menggunakan PHP dan API Peta Baidu. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan