Normalement, lors de l'intégration de Google Maps, vous travaillez avec l' API Maps JavaScript , qui nécessite une clé API et peut entraîner des coûts qui ne doivent pas être sous-estimés avec des numéros d'accès plus élevés. Il existe d'excellentes alternatives telles que mapbox ou OpenStreetMap , mais elles n'atteignent pas encore la variété des fonctionnalités offertes par Google. Google lui-même propose également un moyen sans clé API via la fonction de partage, que nous pouvons utiliser à nos fins.
Ce chemin peut être utilisé par programmation pour sortir n'importe quelle adresse (même sans connaître la latitude et la longitude). En plus de cela, la carte (contrairement à l'homologue JS) contient un lien vers le planificateur d'itinéraire. La carte peut également être améliorée à l'aide de filtres CSS (bien que le résultat ne se rapproche pas tout à fait des styles natifs possibles avec l'API JS).
Pendant de nombreuses années, la méthode utilisant le paramètre output=embed a été largement utilisée, mais Google ne la prend pas officiellement en charge, ce qui explique pourquoi les erreurs d'affichage sont devenues plus fréquentes ces dernières années.:
331190767bb32b2468632e609223c53e
Si vous utilisez la fonction de partage officielle via maps.google.de , vous obtiendrez le code suivant, par exemple:
331190767bb32b2468632e609223c53e
Si nous structurons l'URL longue dans le paramètre src , un modèle en résulte:
331190767bb32b2468632e609223c53e
Nous reconnaissons les types de données suivants:
- m : matrice
- s : chaîne
- f : flotter
- d : double
- i : entier
- e : énumération
Après quelques essais et erreurs, on peut éliminer certaines valeurs et compresser les valeurs les plus importantes dans des variables, par exemple pour définir dynamiquement l'adresse:
331190767bb32b2468632e609223c53e
Enfin, nous pouvons, par exemple, utiliser le code CSS suivant pour améliorer l'apparence de la carte.:
331190767bb32b2468632e609223c53e
Au final, nous obtenons une carte dynamique gratuite qui fonctionne de manière fiable: