Biasanya, saat mengintegrasikan Google Maps, Anda bekerja dengan Maps JavaScript API , yang memerlukan kunci API dan dapat menyebabkan biaya yang tidak boleh diremehkan dengan nomor akses yang lebih tinggi. Ada alternatif yang bagus seperti mapbox atau OpenStreetMap , tetapi mereka belum mencapai berbagai fitur yang ditawarkan oleh Google. Google sendiri juga menawarkan cara tanpa kunci API melalui fungsi share, yang bisa kita gunakan untuk keperluan kita.
Jalur ini dapat digunakan secara terprogram untuk menampilkan alamat apa pun (bahkan tanpa mengetahui garis lintang dan garis bujur). Selain itu, peta (berbeda dengan rekanan JS) berisi tautan ke perencana rute. Peta juga dapat dirapikan dengan bantuan filter CSS (walaupun hasilnya tidak cukup mendekati gaya asli yang dimungkinkan dengan JS API).
Selama bertahun-tahun, cara untuk melakukan ini adalah melalui parameter output = embed , yang tidak didukung secara resmi oleh Google sehingga kesalahan tampilan telah meningkat belakangan ini.:
331190767bb32b2468632e609223c53e
Jika Anda menggunakan fungsi berbagi resmi melalui maps.google.de , Anda akan mendapatkan kode berikut, misalnya::
331190767bb32b2468632e609223c53e
Jika kita menyusun URL panjang dalam parameter src , sebuah pola akan dihasilkan:
331190767bb32b2468632e609223c53e
Kami mengenali tipe data berikut::
- m: matriks
- s: tali
- f: mengapung
- d: Ganda
- saya: bilangan bulat
- e: enum
Setelah beberapa percobaan dan kesalahan, kita dapat menghilangkan beberapa nilai dan mengemas nilai yang paling penting dalam variabel, misalnya untuk menentukan alamat secara dinamis:
331190767bb32b2468632e609223c53e
Terakhir, kita dapat menambahkan tampilan peta yang lebih cantik menggunakan kode CSS berikut, misalnya:
331190767bb32b2468632e609223c53e
Pada akhirnya, kami mendapatkan peta dinamis gratis yang bekerja dengan andal: