Általában a Google Maps integrálásakor a Maps JavaScript API-val dolgozik, amelyhez API kulcsra van szükség, és olyan költségeket okozhat, amelyeket nem szabad lebecsülni magasabb hozzáférési számokkal. Vannak nagyszerű alternatívák, mint például a mapbox vagy az OpenStreetMap , de ezek még nem érik el a Google által kínált sokféleséget. A Google maga is kínál egy módot API kulcs nélkül a share funkción keresztül, amelyet felhasználhatunk céljainkra.
Ez az útvonal programozottan felhasználható bármilyen cím kimenetére (a szélesség és hosszúság ismerete nélkül is). Ezenkívül a térkép (ellentétben a JS partnerével) tartalmaz egy linket az útvonaltervezőhöz. A térkép CSS szűrők segítségével is előállítható (bár az eredmény nem egészen közel esik a natív stílusokhoz , amelyek a JS API-val lehetségesek).
Sok éven keresztül ennek módja a output = embed paraméter volt, amelyet a Google hivatalosan nem támogat, ezért a közelmúltban növekedtek a megjelenítési hibák:
331190767bb32b2468632e609223c53e
Ha a maps.google.de webhelyen keresztül használja a hivatalos megosztás funkciót, akkor például a következő kódot kapja meg:
331190767bb32b2468632e609223c53e
Ha az src paraméterben strukturáljuk a hosszú URL-t, akkor egy minta jön létre:
331190767bb32b2468632e609223c53e
A következő adattípusokat ismerjük fel:
- m: mátrix
- s: húr
- f: úszó
- d: Dupla
- i: egész szám
- e: enum
Néhány kísérlet és hiba után néhány értéket kiküszöbölhetünk, és a legfontosabb értékeket változókba csomagolhatjuk, például dinamikusan meghatározhatjuk a címet.:
331190767bb32b2468632e609223c53e
Végül szebb képet adhatunk a térképhez, például a következő CSS-kód segítségével:
331190767bb32b2468632e609223c53e
Végül egy megbízhatóan működő, ingyenes, dinamikus térképet kapunk: