Comment intégrer une carte google dans html

Avoir une carte de la zone dont vous parlez sur votre site Web pourrait être extrêmement utile. Thiswill vous montrer comment incorporer une carte Google dans HTML.

Pas

Partie 1 de 2:
Obtenir le code de la carte Google
  1. Image titrée Intégrer une carte Google dans HTML Étape 1
1. Allez à l`emplacement que vous souhaitez partager à https: // Google.com / cartes. Cela ouvrira une carte spécifiquement dans Google Maps.
  • Image Titre Intégrer une carte Google dans HTML STEP 2
    2. Cliquez sur . Ceci est à gauche de la fenêtre du navigateur.
  • Image Titre Intégrez une carte Google dans HTML Étape 3
    3. Cliquez sur Partager ou incorporer la carte. Vous pouvez voir "lien vers cette carte" à la place. Cette option est vers le bas du menu.
  • Image titrée Intégrer une carte Google dans HTML Étape 4
    4. Clique le Intégrer une carte languette.
  • Image titrée Intégrer une carte Google dans HTML Étape 5
    5. Sélectionnez la taille de la carte que vous voulez. À côté du champ du texte, vous verrez PETIT, MOYEN, GRANDE, ou alors FORMAT PERSONNALISÉ. Cliquez sur la petite flèche pointant vers le bas pour changer la taille de la carte.
  • Image titrée Intégrer une carte Google dans HTML STEP 6
    6. Copier le texte fourni. Vous pouvez utiliser les raccourcis clavier Ctrl+C (Windows) ou ⌘ cmd+C (Mac) pour copier le texte. Sur un appareil mobile, vous pouvez appuyer sur le texte pour les options "Sélectionner tous" et "Copier".
  • Partie 2 de 2:
    Incorporation du code de la carte Google
    1. Image titrée Intégrer une carte Google dans HTML Step 7
    1. Ouvrez votre HTML. Vous pouvez utiliser un programme comme Dreamweaver ou utiliser un simple traitement de texte app comme le bloc-notes et le TextEdit dans lequel vous modifiez votre fichier HTML.
  • Image titrée Intégrer une carte Google dans HTML STEP 8
    2. Accédez à l`endroit où vous souhaitez intégrer le code de la carte Google. Dans les applications telles que Dreamweaver, vous pouvez voir ce que le code se traduit sur une page Web. Vous pouvez donc facilement naviguer dans le code HTML. Sans ces applications, vous devrez savoir où vous êtes sur la page Web en regardant le code.
  • Image titrée Intégrer une carte Google dans HTML Étape 9
    3. Coller le code Google Maps. Vous pouvez utiliser des raccourcis clavier en appuyant sur Ctrl+P (Windows) ou ⌘ cmd+P (Mac). Sur un appareil mobile, vous pouvez appuyer sur le champ de texte et appuyez sur "Coller" lorsque l`option apparaît.
  • Articles connexes