Ouvrez votre page Web dans un éditeur de texte de base, tel que Notepad. Les éditeurs de texte qui font le formatage du texte, comme Word, ajouter des caractères spéciaux qui ne fonctionnent pas bien lors de l'écriture des pages Web. Avant la balise HTML d'ouverture, mettre une déclaration de type de document pour HTML 5. La déclaration devrait ressembler .
Entrez le code javascript suivant entre les balises head de votre page Web. Dans la parenthèse après "LatLng" sont les valeurs de latitude et la longitude du centre de la carte. Changez ceux à l'emplacement que vous souhaitez afficher lorsque la carte est chargé. Les deux paramètres suivants sont le zoom, qui peut varier de 0 à 20, et le type de carte. Google prend en charge quatre types de cartes: FEUILLE DE ROUTE, satellite, hybrides et du terrain.
Changez votre balise body d'ouverture pour inclure un gestionnaire d'événements pour appeler le "TableAffichée" fonction lorsque la page se charge. La balise de corps devrait ressembler
. Entrez les balises div suivants dans le code HTML où vous souhaitez afficher la carte. Modifiez les valeurs de la largeur et la hauteur comme bon vous semble.
Enregistrez le fichier HTML, et double-cliquez dessus pour l'ouvrir dans votre navigateur. La carte devrait se charger, en affichant l'emplacement que vous avez spécifié.