Google Maps pa një çelës API

Normalisht, kur integroni Google Maps, ju punoni me Maps JavaScript API , e cila kërkon një çelës API dhe mund të shkaktojë kosto që nuk duhet të nënvlerësohen me numra më të lartë të hyrjes. Ka alternativa të shkëlqyera si mapbox ose OpenStreetMap , por ato ende nuk arrijnë shumëllojshmërinë e veçorive të ofruara nga Google. Vetë Google gjithashtu ofron një mënyrë pa një çelës API përmes funksionit të ndarjes, të cilin mund ta përdorim për qëllimet tona.


Kjo rrugë mund të përdoret në mënyrë programatike për të nxjerrë çdo adresë (edhe pa ditur gjerësinë dhe gjatësinë). Për më tepër, harta (në kontrast me homologun e JS) përmban një lidhje me planifikuesin e itinerarit. Harta mund të përpilohet gjithashtu me ndihmën e filtrave CSS (megjithëse rezultati nuk i afrohet shumë stileve vendase që janë të mundshme me JS API).

Për shumë vite, mënyra për ta bërë këtë ishte përmes parametrit output = embed , të cilin Google nuk e mbështet zyrtarisht dhe kështu gabimet në ekran janë rritur në të kaluarën e afërt:

331190767bb32b2468632e609223c53e

Nëse përdorni funksionin zyrtar të ndarjes përmes maps.google.de , do të merrni kodin e mëposhtëm, për shembull:

331190767bb32b2468632e609223c53e

Nëse strukturojmë URL-në e gjatë në parametrin src , rezulton një model:

331190767bb32b2468632e609223c53e

Ne njohim llojet e mëposhtme të të dhënave:

  • m: matrica
  • s: varg
  • f: noton
  • d: Dyfish
  • i: numër i plotë
  • e: enum

Pas disa përpjekjeve për prova dhe gabime, ne mund të eleminojmë disa vlera dhe të paketojmë vlerat më të rëndësishme në variabla, për shembull për të përcaktuar dinamikisht adresën:

331190767bb32b2468632e609223c53e

Më në fund, ne mund të shtojmë një pamje më të bukur në hartë duke përdorur kodin e mëposhtëm CSS, për shembull:

331190767bb32b2468632e609223c53e

Në fund, ne kemi një hartë falas, dinamike që funksionon me besueshmëri:

Mbrapa