Biasanya, ketika mengintegrasikan Peta Google, Anda bekerja dengan Maps JavaScript API , yang memerlukan kunci API dan dapat menyebabkan biaya yang tidak boleh diremehkan dengan jumlah akses yang lebih tinggi. Terdapat alternatif lain seperti kotak peta atau OpenStreetMap , tetapi mereka belum mencapai pelbagai ciri yang ditawarkan oleh Google. Google sendiri juga menawarkan cara tanpa kunci API melalui fungsi berbagi, yang dapat kita gunakan untuk tujuan kita.
Laluan ini dapat digunakan secara terprogram untuk mengeluarkan alamat apa pun (walaupun tanpa mengetahui garis lintang dan garis bujur). Selain itu, peta (berbeza dengan rakan JS) mengandungi pautan ke perancang laluan. Peta juga dapat disemaikan dengan bantuan penapis CSS (walaupun hasilnya tidak terlalu dekat dengan gaya asli yang mungkin dilakukan dengan JS API).
Selama bertahun-tahun, cara untuk melakukannya adalah melalui parameter output = embed , yang tidak disokong oleh Google secara rasmi dan oleh itu kesalahan paparan telah meningkat sejak kebelakangan ini:
331190767bb32b2468632e609223c53e
Sekiranya anda menggunakan fungsi kongsi rasmi melalui maps.google.de , anda akan mendapat kod berikut, misalnya:
331190767bb32b2468632e609223c53e
Sekiranya kita menyusun URL panjang dalam parameter src , corak akan menghasilkan:
331190767bb32b2468632e609223c53e
Kami mengenali jenis data berikut:
- m: matriks
- s: tali
- f: terapung
- d: Berganda
- i: integer
- e: enum
Setelah beberapa percubaan dan ralat dilakukan, kita dapat menghilangkan beberapa nilai dan mengemas nilai yang paling penting dalam pemboleh ubah, misalnya untuk menentukan alamat secara dinamis:
331190767bb32b2468632e609223c53e
Akhirnya, kita dapat menambahkan rupa yang lebih cantik ke peta menggunakan kod CSS berikut, sebagai contoh:
331190767bb32b2468632e609223c53e
Pada akhirnya, kami mendapat peta dinamik percuma yang berfungsi dengan pasti: