Google Map Windev

Intégrer une MAP Google
dans votre application WinDev
Par Emmanuel Lecoester
Date de publication : 9 mai 2009
Dernière mise à jour : 11 juillet 2020

Intégrer une MAP Google dans votre application WinDev par Emmanuel Lecoester
I - Introduction..............................................................................................................................................................3
II - Prérequis................................................................................................................................................................ 3
III - Mapper une adresse physique............................................................................................................................. 3
IV - Mapper un point par sa latitude et sa longitude.................................................................................................. 5
V - Calculer un itinéraire............................................................................................................................................. 6
-2-
Les sources présentées sur cette page sont libres de droits et vous pouvez les utiliser à votre convenance. Par contre, la page de présentation constitue une œuvre intellectuelle protégée par
les droits d'auteur. Copyright ® 2008 Emmanuel Lecoester. Aucune reproduction, même partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc.
sans l'autorisation expresse de l'auteur. Sinon vous encourez selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts.
https://wind.developpez.com/tutoriels/windev/google-map-windev/
I - Introduction
L'objectif de ce tutoriel est de vous proposer d'intégrer une map Google dans une de vos applications WinDev toutes
versions confondues.
Seul un accès Internet est suffisant pour ce tutoriel (pas de gestion de clé ou d'API spécifique)
afin de tester l'affichage de la map Google.
Afin d'aller à l'essentiel, je vous conseille de lire les précédents tutoriels si certains points demandés vous semblent
obscurs.
Pour plus d'info sur la fonctionnalité de géolocalisation GoogleMap, je vous conseille de lire le tutoriel Géolocalisation
avec GoogleMaps.
II - Prérequis
Créez une nouvelle fenêtre avec un onglet et trois volets :
• Adresse ;
• Latitude ;
• Itinéraire.
Insérer un champ Html (HTML_Google) dans cette fenêtre et agrandissez-le.
Ne l'associez pas à un volet
III - Mapper une adresse physique
Dans le premier volet (Adresse) définissez les cinq champs suivants avec les valeurs par défaut proposées :
-3-
Et ajoutez un bouton avec le code suivant :
sLienHTTP est une chaîne

sLienHTTP="http://maps.google.com/maps?q="
sLienHTTP+= txt_Adresse+ "+" + txt_Ville +"+" + txt_CodePostal + "(" + txt_Nom + ") " +"&hl=fr&z=15"
HTML_Google = sLienHTTP
En faisant un GO de votre projet, vous arrivez à :
Et en appuyant sur le bouton :
-4-
IV - Mapper un point par sa latitude et sa longitude
Dans le second volet (Latitude) définissez les deux champs suivants avec les valeurs par défaut proposées :
La question : à quelle adresse peuvent bien correspondre ces valeurs ?
Et ajoutez un bouton avec le code suivant :

sLienHTTP="http://maps.google.com/maps?q="
sLienHTTP+= txt_lat +","+txt_lon
En faisant un GO de votre projet, vous arrivez à :
-5-
Et en appuyant sur le bouton :
Pour les non-initiés, c'est l'adresse de PC-Soft éditeur de WinDev.
V - Calculer un itinéraire
Nous allons reprendre le principe du premier volet sauf que nous allons créer deux blocs d'adresse. Nous allons
calculer l'itinéraire entre le lieu des WinDeveries françaises et celui des WinDeveries européennes.
-6-
-7-
Voici le code du bouton Itinéraire :

sLienHTTP="http://maps.google.com/maps?f=d&source=s_d&saddr="
sLienHTTP+= txt_Adressedep+ "+" + txt_Villedep +"+" + txt_CodePostaldep + "+(" +
txt_Nomdep + ")+" +"&daddr="
sLienHTTP+= txt_Adressearr+ "+" + txt_Villearr +"+" + txt_CodePostalarr + "+(" +
txt_Nomarr + ")+"+"&hl=fr&z=7"
Avec le go et l'appui sur le bouton, nous avons :
-8-

Google Map Windev

Transféré par

Informations du document

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Google Map Windev

Transféré par

Droits d'auteur :

Formats disponibles

Intégrer une MAP Google

dans votre application WinDev

Par Emmanuel Lecoester

Date de publication : 9 mai 2009

Dernière mise à jour : 11 juillet 2020

Créez une nouvelle fenêtre avec un onglet et trois volets :

Insérer un champ Html (HTML_Google) dans cette fenêtre et agrandissez-le.

Ne l'associez pas à un volet

III - Mapper une adresse physique

Et ajoutez un bouton avec le code suivant :

sLienHTTP est une chaîne

En faisant un GO de votre projet, vous arrivez à :

Et en appuyant sur le bouton :

IV - Mapper un point par sa latitude et sa longitude

La question : à quelle adresse peuvent bien correspondre ces valeurs ?

Et ajoutez un bouton avec le code suivant :

sLienHTTP est une chaîne

En faisant un GO de votre projet, vous arrivez à :

Et en appuyant sur le bouton :

Pour les non-initiés, c'est l'adresse de PC-Soft éditeur de WinDev.

Voici le code du bouton Itinéraire :

sLienHTTP est une chaîne

Avec le go et l'appui sur le bouton, nous avons :

Vous aimerez peut-être aussi