Google Maps sen API-ŝlosilo

Kutime, kiam vi integras Google Maps, vi laboras kun la API JavaScript de Maps , kiu postulas API-ŝlosilon kaj povas kaŭzi kostojn, kiuj ne devas esti subtaksitaj kun pli altaj aliraj nombroj. Estas bonegaj alternativoj kiel mapboxOpenStreetMap , sed ili ankoraŭ ne atingas la diversajn funkciojn ofertitajn de Google. Google mem ankaŭ ofertas manieron sen API-ŝlosilo per la kundivida funkcio, kiun ni povas uzi por niaj celoj.


Ĉi tiu vojo povas esti uzata programece por eligi ajnan adreson (eĉ sen scii la latitudon kaj longitudon). Krome la mapo (kontraste al la JS-ekvivalento) enhavas ligon al la itinera planisto. La mapo ankaŭ povas esti kreita helpe de CSS-filtriloj (kvankam la rezulto ne tute proksimiĝas al la indiĝenaj stiloj, kiuj eblas kun la JS-API).

Dum multaj jaroj, la maniero fari tion estis per la parametro eligo = enkorpigi , kiun Google ne oficiale subtenas kaj tial montraj eraroj pliiĝis en la lastatempa pasinteco:

331190767bb32b2468632e609223c53e

Se vi uzas la oficialan dividan funkcion per maps.google.de , vi ricevos ekzemple la jenan kodon:

331190767bb32b2468632e609223c53e

Se ni strukturas la longan URL en la parametro src , ŝablono rezultas:

331190767bb32b2468632e609223c53e

Ni rekonas la jenajn datumtipojn:

  • m: matrico
  • s: kordo
  • f: flosi
  • d: Duobla
  • i: entjero
  • e: enum

Post kelkaj provoj kaj eraroj, ni povas forigi iujn valorojn kaj paki la plej gravajn valorojn en variabloj, ekzemple por dinamike difini la adreson:

331190767bb32b2468632e609223c53e

Fine ni povas aldoni pli belan aspekton al la mapo, ekzemple helpe de la sekva CSS-kodo:

331190767bb32b2468632e609223c53e

Al la fino, ni ricevas senpagan dinamikan mapon, kiu funkcias fidinde:

Reen