Personnaliser une carte google intégrée avec un iframe

Question

J'ai donc regardé Google Maps et ils ont la particularité de «créer» votre propre carte et d'ajouter des marqueurs et des choses de cette nature à travers leur propre interface. La façon dont vous l'intégrez sur votre site Web est l'utilisation d'un iframe.

J'ai lu la documentation de Google Maps et les exemples montrés sont quand la carte est créée sur le chargement de la page en utilisant soit par l'entrée statique ou construit dynamiquement en utilisant une base de données. Ceci est la documentation que je regarde en ce moment ... Documentation

Donc, je me demande s'il y a moyen de personnaliser la carte construite en utilisant l'interface de Google de la même manière que la construction au chargement de la page?

Levi

modifier: De lire plus à ce sujet, je suis venu à la conclusion qu'il existe essentiellement deux versions de Google Maps? Un pour les développeurs et un pour quelqu'un qui veut juste une carte et ne se soucie pas de son aspect ou comment il est fait? Quelqu'un peut-il confirmer cela?

Answer 1

C'est correct. Une carte iframe est simplement un lien vers votre carte sur maps.google.com. Si vous voulez avoir plus de contrôle sur la carte, vous devrez créer avec l'API

• JS API v2
• JS API v3 (new)

Answer 2

Je sais que c'est un ancien poste, mais je suis Bien sûr, il y a encore beaucoup de points de vue. Si vous ne voulez pas vous tracasser avec les scripts API et que vous voulez simplement aller vraiment basique, vous pouvez placer le style iframe google map dans un div, puis créer un parent pour ce div avec overflow: hidden. Vous pouvez ensuite utiliser sa taille par rapport à la taille et les marges de l'enfant qui détient l'iframe pour contrôler quelles parties de la carte peuvent afficher, par exemple: les contrôles supérieur droit et gauche, les infos inférieures, l'échelle, etc. Je veux totalement styliser une carte à travers l'API et avoir besoin d'une solution efficace et rapide ce n'est pas une voie terrible.