$ 3.00

Tuto Créer une application autour de moi en HTML5 avec HTML, JavaScript

$ 3.00

  • Une formation vidéo de 32m13s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

Dans ce tuto HTML5 en vidéo, nous allons voir comment créer une application qui localise les points d'intérêts sélectionnés autour de notre localisation.

Nous verrons d'abord comment récupérer les coordonnées de notre position, puis comment afficher une carte avec un marker sur notre position grâce à l'API Google Maps. Nous verrons également comment changer l'apparence du marker sur la carte. Puis, nous nous créerons un champ "select" pour que l'utilisateur puisse sélectionner un type de point d'intérêt à rechercher autour de lui, comme des magasins, des bars ou des banques. Nous verrons donc comment envoyer une requête à l'API Google Maps, afin de récupérer les résultats de la recherche en limitant le périmètre de recherche à 1 km. Nous afficherons donc ensuite les markers sur la carte correspondants à la position de chaque résultat trouvé. Pour finir, nous listerons les résultats sur la page avec pour chaque résultat, le nom de l'établissement, son adresse, ainsi que la distance par rapport à notre propre localisation.

Bon tuto !


Formateur : Fabien Le corre

Fabien Le corre a publié 157 tutoriels et obtenu une note moyenne de 4,4/5 sur 92 198 tutoriels vendus. Voir les autres formations de Fabien Le corre

4,5
note moyenne

2
avis laissés
5 étoiles
1
4 étoiles
1
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 4
    avis de solairouge laissé le 23/11/2019
    Merci poutr ton tuto comment adapter cela :j'aurais besoin de mettre en place un systeme de geolocalisation entre mes membres un tuto?
    "Bonjour, Pour mettre ça en place il faut juste récupérer la latitude et la longitude de chaque membre quand ils utilisent ton site/application. Tu peux les récupérer soit par javascript puis faire un post en AJAX vers ton script côté serveur pour stocker ça en database, soit les récupérer en utilisant l'adresse IP de l'utilisateur (y'a plein de packages PHP ou Javascript qui font ça), mais c'est moins précis par IP. Ensuite une fois que tu as les latitudes et longitudes de tes utilisateurs en database, tu peux utiliser un service comme MapBox (mon préféré) ou Google maps pour afficher leurs positions sur une map. Si jamais tu veux calculer la distance entre 2 utilisateurs, là encore c'est pas les packages qui manquent. Bon courage pour ton application :)"

  • 5
    avis de ailand laissé le 20/03/2014
    Merci pour tes infos ;)

  • 5
    avis de ailand laissé le 19/03/2014
    Très bon tutoriel, à recommander! Je voulais savoir s'il était possible de faire une selection des restaurant ou des bars qu'on voudrait faire apparaitre? merci pour ce tuto

  • Bonsoir, Je voudrais savoir si dans votre tutoriel vous abordez le GeoCoder qui permettrait d'indiquer une adresse et non des coordonnées X,Y. Cordialement, Jonathan
    Non mais tu peux le faire très facilement avec ce plugin jQuery https://hpneo.github.io/gmaps/examples/geocoding.html si ça peut t'aider :)
accédez à plus de 1147 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données