Google Maps fără o cheie API

În mod normal, atunci când integrați Google Maps, lucrați cu API-ul JavaScript Maps , care necesită o cheie API și poate cauza costuri care nu ar trebui subestimate cu numere de acces mai mari. Există alternative excelente, cum ar fi mapbox sau OpenStreetMap , dar acestea nu realizează încă varietatea de caracteristici oferite de Google. Google în sine oferă, de asemenea, o cale fără o cheie API prin intermediul funcției de partajare, pe care o putem folosi în scopurile noastre.


Această cale poate fi utilizată programatic pentru a transmite orice adresă (chiar și fără a cunoaște latitudinea și longitudinea). În plus, harta (spre deosebire de omologul JS) conține un link către planificatorul de rute. Harta poate fi, de asemenea, dezvoltată cu ajutorul filtrelor CSS (deși rezultatul nu prea se apropie de stilurile native care sunt posibile cu API-ul JS).

De mulți ani, modalitatea de a face acest lucru a fost prin intermediul parametrului output = embed , pe care Google nu îl acceptă oficial și astfel erorile de afișare au crescut în trecutul recent:

331190767bb32b2468632e609223c53e

Dacă utilizați funcția oficială de partajare prin maps.google.de , veți primi, de exemplu, următorul cod:

331190767bb32b2468632e609223c53e

Dacă structurăm URL-ul lung în parametrul src , va rezulta un model:

331190767bb32b2468632e609223c53e

Recunoaștem următoarele tipuri de date:

  • m: matrice
  • s: șir
  • f: plutitor
  • d: Dublu
  • i: întreg
  • e: enum

După câteva încercări de încercare și eroare, putem elimina unele valori și putem împacheta cele mai importante valori în variabile, de exemplu pentru a defini dinamic adresa:

331190767bb32b2468632e609223c53e

În cele din urmă, putem adăuga un aspect mai frumos pe hartă folosind următorul cod CSS, de exemplu:

331190767bb32b2468632e609223c53e

În cele din urmă, obținem o hartă gratuită, dinamică, care funcționează în mod fiabil:

Înapoi