5546 sujets

Sémantique web et HTML

Bonjour,
J'aimerais intégrer une carte Google maps sur mon site sans l'API.
En JS, je récupère une ville dans une variable et la carte doit afficher cette ville, pour voir où elle est située.

Si je mets dans la barre d'URL d'une page :
https://www.google.com/maps/search/?api=1&query=Paris+75000, ça fonctionne
Je suis allé voir la documentation pour dé-zoomer : https://developers.google.com/maps/documentation/urls/get-started#map-action. J'ai donc changé l'URL :
https://www.google.com/maps/search/?api=1&query=Paris+75000&zoom=5, mais ça ne change rien au zoom. Comment faire ?


Question 2 : Lorsque l'on souhaite intégrer, le code est :
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d22633.229013353033!2d-0.5894466!3d44.83880465!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd5527ef769d3e51%3A0x1c06651a91af8320!2s33000%20Bordeaux!5e0!3m2!1sfr!2sfr!4v1609776001149!5m2!1sfr!2sfr" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
et, si l'on change Bordeaux en Paris, ça ne fonctionne pas.
Comment intégrer une carte en iframe qui ne dépende pas de latitudes et longitudes mais d'une recherche de ville (avec le code postal ou sans) et qui dé-zoome ?

Du coup, la première question est peut-être inutile...
Merci pour votre aide.

Après 2 jours de recherche acharnée, j'ai trouvé Smiley banane :
<iframe src="https://maps.google.com/maps?q=bordeaux&z=11&output=embed" width="800" height="500" frameborder="0"></iframe>

<iframe src="https://maps.google.com/maps?q=Paris 75000&z=11&output=embed" width="800" height="500" frameborder="0"></iframe>

Avec ce code-là, le zoom se change avec z= (0 : monde ; 14 : immeuble) et l'on peut rechercher correctement.

PS : si vous chercher juste une ville mais que vous n'aimez pas Google Maps, il y a aussi : https://jsfiddle.net/exercices/a3uL0sbg/1/.
Modifié par js_html (06 Jan 2021 - 18:55)
Meilleure solution
@Jean-Pierre-Bruneau
Je souhaitais que le dé-zoom se fasse automatiquement pour que l'on voie où est située la ville (voir les alentours), or, on voyait seulement la ville.
Mais, avec le post 2, c'est bon.