3 Crédits +d'infos

Tuto Introduction à l'API Google Maps JavaScript v3 avec Google, JavaScript


3 Crédits +d'infos

Dans ce tutoriel vidéo Introduction à l'API GoogleMaps Javascript V3, d'environ 48 minutes, je vous ferai découvrir l'API Google Maps JavaScript V3 qui permet de travailler et d'interagir avec les cartes de Google. Je vous montrerai pas à pas comment l'initialiser, l'installer et la paramétrer.

Dans ce tutoriel Google Maps vous allez apprendre à :

  • Créer, initialiser et insérer une carte GoogleMaps .
  • Définir les propriétés d'une carte selon vos besoins : centrer la carte, définir le type de carte, activer ou désactiver le contrôle panoramique, etc.
  • Ajouter des observateurs d?évènements afin de faire réagir la carte à certains événements.
  • Créer un marqueur pour géo-localisersur une carte un point particulier à partir de ses coordonnées GPS (latitude et longitude).
  • Ajouter,supprimer et déplacer les contrôles à l'aide des classes de Google maps.
  • Personnaliser un marqueur avec votrepropre logo et informations.
  • Afficher sur la carte une Info-bulle ou InfoWindow
  • Changer le style d?une carte Google maps.

Les sources du tutoriel sont fournis.


Formateur : Hakim Ait tayeb

Hakim Ait tayeb a publié 17 tutoriels et obtenu une note moyenne de 4,2/5 sur 2 413 tutoriels vendus.

Voir les autres formations de Hakim Ait tayeb

  • Bonjour à vous et grand merci pour ce Tuto très clair qui m'a permis de revoir certains points que je n'utilisais pas forcément. Je n'ai cependant pas trouvé réponse à mon soucis : Une carte et plusieurs marqueurs dont certains pointent sur la même adresse. Les marqueurs de superposent .. Il faudrait éventuellement ne pointer qu'une fois sur les adresses en question mais prévoir pour ces emplacements là une info Window à onglets (1 onglet par Etablissement). Pourriez vous envisager un nouveau tuto ? Merci à vous.
    Evane, 24/04/2014
  • Très bonne introduction, cette API est génial ! merci pour le tuto=)
    daweed31300, 11/01/2013