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 façon de le faire était via le paramètre output = embed , que Google ne prend pas officiellement en charge et les erreurs d' affichage ont donc augmenté ces derniers temps.:
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 ajouter un look plus joli à la carte en utilisant le code CSS suivant, par exemple:
331190767bb32b2468632e609223c53e
Au final, nous obtenons une carte dynamique gratuite qui fonctionne de manière fiable: