Peta Google tanpa kunci API

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, kaedah yang menggunakan parameter output=embed telah digunakan secara meluas, tetapi Google tidak menyokongnya secara rasmi, oleh itu ralat paparan menjadi lebih biasa dalam beberapa tahun 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

Akhir sekali, kita boleh, sebagai contoh, menggunakan kod CSS berikut untuk mempertingkatkan penampilan peta.:

331190767bb32b2468632e609223c53e

Pada akhirnya, kami mendapat peta dinamik percuma yang berfungsi dengan pasti:

Belakang