Halo sahabat, setelah kita kemarin menampilkan peta serta menambahkan overlays, kali ini kita akan menambahkan direction service pada google maps. Direction service akan menampilkan rute terdekat di antara dua koordinat. Anda dapat membaca lebih detail mengenai direction service di https://developers.google.com/maps/documentation/javascript/directions.

Pada tutorial ini kita akan melakukan langkah2 berikut ini :

  1. Menampilkan peta google
  2. Menggunakan directionDisplay
  3. Menggunakan directionService

Berikut ini adalah kode untuk file index.php beserta langkah-langkah nya yang tertulis dalam komentar.

Jalankan file index.php tersebut melalui browser anda, maka akan muncul hasil seperti gambar berikut ini. Anda dapat mengatur titik awal dan akhir dengan database ataupun update dengan cara mengambil data dari GPS. Kita akan membahas lebih detail pada kesempatan lain.

rute google maps

Terima kasih telah berkunjung ke harviacode.com, semoga bermanfaat.