Dans ce tuto HTML5, nous allons apprendre à placer une carte Google Maps sur notre site et la centrer sur la position de l'utilisateur. Nous verrons donc comment utiliser les API de la géolocalisation de l'HTML5 ainsi que ceux de Google Maps. Pour suivre ce tutoriel, des notions de bases du JavaScript sont nécessaires. Les sujets de cette formation sont les suivants :
  • Récupérer la latitude et longitude d'un utilisateur
  • Placer et centrer une carte Google Maps sur votre site Internet
  • Positionner un marqueur sur une carte Google Maps

Jetez un oeil à ces autres tuto JavaScript, HTML 5

Débuter en HTML5 - CSS3 - Javascript - Tome 1Débuter en HTML5 - CSS3 -…
Cette formation fait partie d'une série sur la programmation…

Diaporama xml avec préchargement et transitionsDiaporama xml avec préchargement…
Dans ce tuto Javascript en vidéo, vous aller apprendre, pas…

La Programmation Orienté Objet La Programmation Orienté…
Dans cette formation en vidéo de 3 heures, vous allez apprendre…

Ajouter le bouton +1 de Google à votre siteAjouter le bouton +1 de Google…
Dans ce tuto en vidéo, nous allons apprendre ensemble à ajouter…

La formation complète sur JavaScriptLa formation complète sur…
Voici une formation Javascript complète, d'une durée de près…

La Programmation Orienté Objet La Programmation Orienté…
Dans cette formation en vidéo de 3 heures, vous allez apprendre…

Animer facilement un spinner PNG transparentAnimer facilement un spinner…
Dans ce tuto Javascript, vous découvrirez comment scripter…

Protégez du copier coller et du clic droit votre site webProtégez du copier coller…
Dans ce tuto Javascript, nous allons voir comment faire en sorte…

Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto JavaScript, HTML 5 de 17 minutes est proposée dans une résolution plus grande que l’extrait suivant :

Partagez cet extrait

Lien vers cet extrait : Embed code :

jeremymichel , Formateur

Je suis étudiant en Informatique, mais avec déjà pas mal d'expérience dans le domaine. Je suis autodidacte en infographie et développement web. Je crée des tutoriels pour partager mes connaissances et aider ceux qui veulent se lancer dans l'infographie. J'ai personnellement appris surtout avec des livres mais, je suis convaincu que le meilleur apprentissage dans le domaine de l'informatique se produit avec des vidéos pour plus de dynamisme et d'interactivité.

En savoir plus sur jeremymichel


Témoignage des clients de jeremymichel

Le tuto sur le YQL et les flux RSS m'a beaucoup aidé car j'ai pu développer une application avec JQuery Mobile ce qui m'a servi pour mes examens merci Beaucoup.

Pour la vidéo de slideshow, il en existe beaucoup de pré-faits mais celui est simple d'utilisation, donc bon auteur. A recommander

Très bon formateur ! Parle clairement, explique bien ! C'est encourageant et donne envie de travailler! :)

 

D'autres tuto de jeremymichel

Créer une bannière un peu grungeCréer une bannière un peu grunge
Dans ce tuto Photoshop, nous allons voir comment créer une bannière et lui appliqué…

Previsualisation d'une image au survol Previsualisation d'une image au survol
Dans ce tuto jQuery, nous allons apprendre à créer une prévisualisation d'une image…

Les transitions avec le CSS3Les transitions avec le CSS3
Dans ce tuto CSS 3, nous allons apprendre à utiliser les nouvelles propriétés de transitions.…

Créer un lecteur RSS avec le YQL en PHPCréer un lecteur RSS avec le YQL en PHP
Dans ce tuto PHPet YQL, nous allons apprendre à utiliser le YQL pour générer un fichier…

voir tous les tuto de jeremymichel

Notes attribuées par les utilisateurs (8 votes)

Note moyenne des utilisateurs  

Votez pour ce tuto


 

Les avis / Questions des utilisateurs (5)

par nemo9483
(a téléchargé ce tuto - 18 mars 2012)

" Très bon tuto gratuit mais mon navigateur chrome ne veux pas m'indiquer ma localisation . "

par zedissimeà voté :
(a téléchargé ce tuto - 28 février 2012)

" Bonne formation et en plus gratuite !

Merci ! "

par Herthà voté :
(a téléchargé ce tuto - 03 novembre 2011)

" 5 "

par jeremymichel
(auteur de ce tuto - 27 mai 2011)

" @noob4ever Merci pour les 5 étoiles, ça fait plaisir. "

par noob4everà voté :
(a téléchargé ce tuto - 27 mai 2011)

" Salut,
Merci pour ce petit tuto sympa, j'ai mis 5 étoiles parce qu'il est gratuit et ça mérite d'être bien noté du coup :) "

 

Donnez votre avis ou posez une question au formateur.

Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous

Ce tuto en résumé ...

Ce tuto JavaScript, HTML 5 d’une durée de 17 minutes a été téléchargé 584 fois et a reçu une note moyenne de 4/5.

Ce tuto a été publié le 24 mai 2011 par jeremymichel, contributeur, ayant reçu une note moyenne de 4,1/5 pour l’ensemble de ses vidéos.

Ce tuto video vous expliquera étape par étape, toutes les manipulations présentées par le formateur.

Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.

N'hésitez pas à nous contacter si vous avez la moindre question !