Comment faire pour utiliser l'API Google Maps dans un environnement de développement local

June 3

Comment faire pour utiliser l'API Google Maps dans un environnement de développement local


Google Maps combine des images satellite avec la rue et de l'information de la route dans un format interactif. Avec l'interface de programmation d'application Google Maps, ou API, vous pouvez intégrer des cartes dans les sites personnels ou commerciaux sans frais avec un nombre illimité de pages vues. Google propose des marqueurs personnalisés, des graphiques et de nombreux autres outils pour configurer et personnaliser vos cartes pour presque toutes les applications. Vous pouvez coder et tester les cartes dans votre environnement de développement local avant d'aller vivre avec eux sur Internet.

Instructions

1 Ouvrez votre page Web dans un éditeur de texte de base, tels que le Bloc-notes. Les éditeurs de texte qui font le formatage du texte, tels que 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 à <! DOCTYPE html>.

2 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 de longitude pour le 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 aller de 0 à 20, et le type de carte. Google prend en charge quatre types de cartes: ROADMAP, SATELLITE, HYBRIDES et TERRAINS.

<Script type = fonction "text / javascript" chargement de la page. La balise body devrait ressembler à <body onload = "TableAffichée ()">.

4 Entrez les balises div suivantes dans le HTML où vous voulez afficher la carte. Modifiez les valeurs de la largeur et la hauteur comme bon vous semble.

<Div id = style "google_map" = "width: 550px; height: 400px"> </ div>

5 Enregistrez le fichier HTML, et double-cliquez dessus pour l'ouvrir dans votre navigateur. La carte devrait charger, afficher l'emplacement spécifié.

Conseils et avertissements

  • La version 3 de Google Maps n'utilise une clé API, qui est un code que vous devez obtenir de Google pour la version 2 lors de l'utilisation de Google Maps en ligne. Google a désapprouvée Version 2, maintenant il n'y a pas de différence entre aller en direct et en utilisant Google Maps dans un environnement de développement local.

          

Post a comment: