Tips untuk menciptakan pengalaman pengguna terbaik saat menavigasi ke lokasi dengan mobil

Biasanya saat pengguna berkendara ke lokasi menarik (POI), mereka sebenarnya akan memerlukan navigasi ke lokasi terdekat seperti tempat parkir atau titik akses. Bayangkan seorang pengemudi yang perlu pergi ke bandara atau pusat perbelanjaan. Saat pergi ke bandara, pengemudi mencoba mencapai terminal atau titik pengantaran, bukan pusat kompleks bandara. Demikian juga, tempat parkir di samping pusat perbelanjaan mungkin menjadi pilihan yang jauh lebih baik bagi pengguna yang memiliki mobil. Dalam hal ini saat mengembangkan aplikasi atau layanan untuk memandu pengemudi, pertama-tama temukan lokasi yang akan mereka kunjungi, lalu tawarkan tujuan opsional kepada pengemudi di dekat lokasi itu. Pendekatan ini memungkinkan Anda memberikan layanan yang lebih baik kepada pelanggan dan menunjukkan bahwa Anda menghargai waktu mereka, dengan upaya pengembangan kecil tetapi cerdas yang memanfaatkan data lokasi yang disediakan oleh Google Maps Platform.

[Konteks Sistem] Sistem navigasi tingkat tinggi
Tampilan sistem yang disederhanakan saat memandu pengemudi ke lokasi dengan mobil
Diagram sistem tingkat tinggi

Kami akan menunjukkan bagaimana Anda dapat menggunakan Places API dan Directions API secara berurutan atau kombinasi guna mengidentifikasi lokasi yang tepat untuk parkir di samping tujuan. Solusi ini bertujuan menghilangkan ketidakpastian dan berbagai interaksi untuk menemukan tempat parkir saat berkendara sekali lebih dekat ke tujuan akhir. Mari kita lihat dua contoh bagaimana kasus ini dapat diterapkan secara mendetail.

Contoh 1 - objek wisata tanpa tempat parkir

Mari kita pilih lokasi yang tidak terhubung langsung ke jalan raya sehingga rute harus diambil secara terpisah, tujuan adalah Notre Dame di Paris dan sebagai titik awal, mari kita gunakan stasiun kereta Gare de l’Est (48.87697775149635, 2.3592247806755564).

Gare de l'Est

Pengemudi meninggalkan stasiun sekitar 16 menit di utara Notre Dame. Notre Dame adalah objek wisata terkenal di sebuah pulau dengan akses jembatan, beberapa jalan satu arah, dan tidak ada tempat parkir besar di dekatnya, jadi ini pasti menjadi tantangan yang menarik.

Permintaan Places API

Contoh permintaan Places API ini menggunakan “penelusuran teks” untuk menemukan Notre Dame. Lihat dokumentasi developer untuk mengetahui detailnya. “YOUR_KEY” dalam contoh ini adalah kunci API yang Anda miliki untuk Places dan Directions API Google Maps Platform yang diaktifkan di Konsol Google Cloud. Untuk penjelasan yang lebih mendetail, lihat dokumentasi untuk memulai Google Maps Platform.

https://maps.googleapis.com/maps/api/place/textsearch/json?query=notre_dame&location=48.864716%2C2.349014&region=fr&key=YOUR_KEY

Respons terhadap permintaan di atas memberikan koordinat lintang & bujur berikut:


  "results" : [
      {
        "formatted_address" : "Notre Dame, Paris",
        "geometry" : {
           "location" : {
               "lat" : 48.8527288,
                },
  ...

Seperti yang Anda lihat, koordinatnya memang menunjukkan Notre Dame.

Foto Notre Dame
Notre Dame di peta

Sebagai developer atau penyedia layanan, sebaiknya minta pengemudi secara otomatis “Mencari tempat parkir di dekat Notre Dame?”. Pengalaman pengguna akan berbeda bergantung pada perangkat dan layar, tetapi teks pop-up halus yang menghilang setelah beberapa saat mungkin layak dipertimbangkan dalam kasus ini. Untuk menemukan tempat parkir di dekat Notre Dame, lakukan penelusuran teks Places API dengan menyetel parameter jenis "parking" dan radius "300". Contoh ini akan membiaskan hasilnya ke area parkir dalam jarak 300 meter dari Notre Dame.

https://maps.googleapis.com/maps/api/place/textsearch/json?query=parking
&location=48.8527288%2C2.3505635&region=fr&type=parking&radius=300&key=YOUR_KEY

Hasil pertama adalah “Parking Saemes Maubert-Lagrange” di 48.850591, 2.3486436. Mari kita gunakan lokasi ini di bagian berikutnya tempat kita melakukan permintaan Directions API.

Permintaan Directions API

Untuk menemukan rute dari stasiun ke area parkir yang dekat dengan Notre Dame, Anda perlu melakukan permintaan Directions API. Cukup tetapkan parameter asal dan tujuan. Lihat dokumentasi developer untuk opsi lainnya.

https://maps.googleapis.com/maps/api/directions/json?origin=48.8767903,2.3592251&destination=48.850591%2C2.3486436&key=YOUR_KEY

Respons Direction API biasanya berisi beberapa saran rute. Setiap rute terdiri dari beberapa "kaki" dan berisi beberapa "langkah" yang menunjukkan jarak dan koordinat perjalanan. Untuk menemukan koordinat akhir yang dapat dicapai dengan mobil, gunakan kolom “end_location” pada langkah terakhir segmen terakhir di rute yang Anda pilih.

Lokasi ini mungkin tampak seperti bukan pilihan pertama, tetapi ketika Anda melihat peta atau Google Street View, Anda akan menemukan bahwa lokasi ini berada dalam jarak berjalan kaki yang sangat singkat, sekitar 6-7 menit, dari Notre Dame.

Rute jalan kaki dari tempat parkir ke Notre Dame

Rute jalan kaki dari area parkir ke Notre Dame

Ringkasan, misalnya 1

Seperti yang Anda lihat, menemukan area parkir mobil hanya memerlukan beberapa panggilan API dan menampilkan saran kepada pengemudi. Ini akan menghemat waktu bagi pengguna Anda karena mereka tidak berkendara di jalan satu arah atau mencoba menemukan tempat untuk meletakkan mobil di objek wisata yang ramai. Sebagai ringkasan, kami melakukan permintaan API berikut:

  • Permintaan Places API untuk menemukan koordinat Notre Dame
  • Permintaan Places API untuk menemukan area parkir dalam jarak 300 meter dari koordinat tersebut
  • Permintaan Directions API untuk menemukan rute ke area parkir

Contoh 2 - Memandu ke terminal di bandara besar

Bandara Heathrow di peta
Mari kita lihat contoh lain saat pengemudi mencoba menjangkau area luas yang memiliki beberapa lokasi, POI, atau potensi titik pengantaran. Pengemudi berangkat dari stadion Wembley, Inggris (51.557263604707224, -0.2794575145680608) dan mencoba menuju ke terminal bandara 5 London Heathrow. Biasanya pengguna akan mulai mengetik “Heathrow” dan sering kali orang memilih salah satu dari 2 atau 3 hasil pertama jika itu terlihat seperti hasil yang benar. Dari hasil yang dipilih, Anda dapat mengetahui bahwa lokasi tersebut adalah bandara dengan membaca nilai kolom “jenis”. Anda dapat menemukan daftar lengkap jenis tersebut di sini.

  "types" : [ "airport", "point_of_interest", "establishment" ],

Namun, siapa pun yang pernah mengunjungi bandara besar mengetahui bahwa dibutuhkan banyak waktu untuk mentransfer antar-terminal jika Anda kebetulan tiba di lokasi yang salah. Dalam hal ini, karena jenis hasil pencarian adalah “bandara”, maka akan berguna untuk menindaklanjuti kueri secara otomatis untuk mencari “terminal” menggunakan lokasi bandara heathrow London (51.47016927594547, -0.45432767852489075). Dalam contoh tersebut, Anda juga dapat melihat batasan opsional radius penelusuran 3.000 meter.

  https://maps.googleapis.com/maps/api/place/textsearch/json?query=terminal&location=51.47016927594547%2C-0.45432767852489075&region=gb&key=YOUR_KEY&radius=3000

Kueri di atas memberi kita daftar terminal dan titik drop-off individual di terminal tersebut. Dari daftar hasil, kita dapat menemukan "London Heathrow Airport Terminal 5" dan ID tempatnya:

 "place_id" : "ChIJtQRd6XVxdkgRTUGZtcsoGNc",

Dengan parameter “place_id”, kita dapat memberi tahu Directions API bahwa kita mencoba menjangkau sebuah tempat, bukan beberapa koordinat arbitrer.

  https://maps.googleapis.com/maps/api/directions/json?origin=51.557263604707224,-0.2794575145680608&destination=place_id:ChIJtQRd6XVxdkgRTUGZtcsoGNc&key=YOUR_KEY

Sekali lagi, seperti pada contoh sebelumnya, dengan membaca semua langkah dalam respons JSON Anda akan menemukan bagian terakhir dari perjalanan dan koordinat lat & long lokasi akhir (51.47079979999999,-0.4896765).

Terminal Heathrow 5

Ringkasan, misalnya 2

Seperti pada contoh sebelumnya, upaya pengembangan untuk memberikan panduan yang lebih baik kepada pengemudi sangat kecil dan manfaat yang dihemat bagi pengemudi dapat diukur dengan mudah. Kami melakukan permintaan berikut:

  • Permintaan Places API untuk menemukan bandara Heathrow
  • Permintaan Places API untuk menemukan semua terminal yang dekat dengan koordinat bandara Heathrow
  • Permintaan Directions API untuk mendapatkan rute ke terminal 5

Kesimpulan

Seperti yang Anda lihat, upaya pengembangan yang diperlukan untuk memberikan layanan premium kepada pelanggan yang bepergian dengan mobil agak kecil dan memungkinkan Anda untuk mendemonstrasikan dengan mudah bagaimana pemikiran Anda tentang kebutuhan pelanggan.

Untuk tujuan pengembangan, Anda bisa menggunakan banyak library dan alat yang tersedia untuk membantu membangun layanan bagi pelanggan Anda. Lihat repositori GitHub kami yang tersedia untuk Google Maps Platform yang tersedia secara publik.

Tindakan Berikutnya

Penulis utama

Mikko Toivanen | Engineer Solusi Google Maps Platform