Normalmente, quando si integra Google Maps, si lavora con l' API JavaScript di Maps , che richiede una chiave API e può comportare costi da non sottovalutare con numeri di accesso più alti. Esistono ottime alternative come mapbox o OpenStreetMap , ma non raggiungono ancora la varietà di funzionalità offerte da Google. Google stesso offre anche un modo senza una chiave API tramite la funzione di condivisione, che possiamo utilizzare per i nostri scopi.
Questo percorso può essere utilizzato a livello di codice per emettere qualsiasi indirizzo (anche senza conoscere la latitudine e la longitudine). Inoltre, la mappa (a differenza della controparte JS) contiene un collegamento al pianificatore di percorso. La mappa può anche essere migliorata con l'aiuto dei filtri CSS (sebbene il risultato non si avvicini del tutto agli stili nativi possibili con l'API JS).
Per molti anni, il modo per farlo è stato tramite il parametro output = embed , che Google non supporta ufficialmente e quindi gli errori di visualizzazione sono aumentati nel recente passato:
331190767bb32b2468632e609223c53e
Se utilizzi la funzione di condivisione ufficiale tramite maps.google.de , otterrai il seguente codice, ad esempio:
331190767bb32b2468632e609223c53e
Se strutturiamo l'URL lungo nel parametro src , ne risulta un pattern:
331190767bb32b2468632e609223c53e
Riconosciamo i seguenti tipi di dati:
- m: matrice
- s: stringa
- f: galleggiante
- d: doppio
- io: intero
- e: enum
Dopo alcuni tentativi ed errori, possiamo eliminare alcuni valori e comprimere i valori più importanti in variabili, ad esempio per definire dinamicamente l'indirizzo:
331190767bb32b2468632e609223c53e
Infine, possiamo aggiungere un aspetto più carino alla mappa utilizzando il seguente codice CSS, ad esempio:
331190767bb32b2468632e609223c53e
Alla fine, otteniamo una mappa dinamica gratuita che funziona in modo affidabile: