Google Map Windev

Embed Size (px)

Citation preview

Intgrer une MAP google dans votre application WinDevpar Emmanuel LecoesterDate de publication : 09 Mai 2009 Dernire mise jour : 09 Mai 2009

Intgrer une MAP google dans votre application WinDev par Emmanuel Lecoester

0 - Introduction.............................................................................................................................................................3 I - Pr-requis................................................................................................................................................................ 3 II - Mapper une adresse physique.............................................................................................................................. 4 III - Mapper un point par sa latitude et sa longitude...................................................................................................7 IV - Calculer un itinraire.......................................................................................................................................... 11

-2Les sources prsentes sur cette pages sont libres de droits, et vous pouvez les utiliser votre convenance. Par contre la page de prsentation de ces sources constitue une oeuvre intellectuelle protge par les droits d'auteurs. Copyright 2008 - Emmanuel Lecoester. Aucune reproduction, mme 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' 3 ans de prison et jusqu' 300 000 E de dommages et intrts.http://windev.developpez.com/tutoriels/windev/google-map-windev/

Intgrer une MAP google dans votre application WinDev par Emmanuel Lecoester

0 - IntroductionL'objectif de ce tutoriel est de vous proposer d'intgrer une map Google dans une de vos applications WinDev toute version confondue. Seul un accs internet est suffisant pour ce tutoriel (pas de gestion de cl ou d'API spcifique) afin de tester l'affichage de la map google. Afin d'aller l'essentiel, je vous conseille de lire les prcdents tutoriels si certains points demands vous semble obscur. Pour plus d'info sur la fonctionnalit de golocalisation GoogleMap je vous conseille de lire le tutoriel Golocalisation avec GoogleMaps

I - Pr-requisCrez une nouvelle fentre avec un onglet et 3 volets : Adresse Latitude Itinraire

Insrer un champ Html (HTML_Google) dans cette fentre

et agrandissez-le. Ne l'associez pas un volet

-3Les sources prsentes sur cette pages sont libres de droits, et vous pouvez les utiliser votre convenance. Par contre la page de prsentation de ces sources constitue une oeuvre intellectuelle protge par les droits d'auteurs. Copyright 2008 - Emmanuel Lecoester. Aucune reproduction, mme 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' 3 ans de prison et jusqu' 300 000 E de dommages et intrts.http://windev.developpez.com/tutoriels/windev/google-map-windev/

Intgrer une MAP google dans votre application WinDev par Emmanuel Lecoester

II - Mapper une adresse physiqueDans le premier volet (Adresse) dfinissez les 5 champs suivants avec les valeurs par dfaut proposes :

-4Les sources prsentes sur cette pages sont libres de droits, et vous pouvez les utiliser votre convenance. Par contre la page de prsentation de ces sources constitue une oeuvre intellectuelle protge par les droits d'auteurs. Copyright 2008 - Emmanuel Lecoester. Aucune reproduction, mme 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' 3 ans de prison et jusqu' 300 000 E de dommages et intrts.http://windev.developpez.com/tutoriels/windev/google-map-windev/

Intgrer une MAP google dans votre application WinDev par Emmanuel Lecoester

Et ajoutez un bouton avec le code suivant :sLienHTTP est une chane 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 :

-5Les sources prsentes sur cette pages sont libres de droits, et vous pouvez les utiliser votre convenance. Par contre la page de prsentation de ces sources constitue une oeuvre intellectuelle protge par les droits d'auteurs. Copyright 2008 - Emmanuel Lecoester. Aucune reproduction, mme 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' 3 ans de prison et jusqu' 300 000 E de dommages et intrts.http://windev.developpez.com/tutoriels/windev/google-map-windev/

Intgrer une MAP google dans votre application WinDev par Emmanuel Lecoester

Et en appuyant sur le bouton :

-6Les sources prsentes sur cette pages sont libres de droits, et vous pouvez les utiliser votre convenance. Par contre la page de prsentation de ces sources constitue une oeuvre intellectuelle protge par les droits d'auteurs. Copyright 2008 - Emmanuel Lecoester. Aucune reproduction, mme 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' 3 ans de prison et jusqu' 300 000 E de dommages et intrts.http://windev.developpez.com/tutoriels/windev/google-map-windev/

Intgrer une MAP google dans votre application WinDev par Emmanuel Lecoester

III - Mapper un point par sa latitude et sa longitude.Dans le second volet (Latitude) dfinissez les 2 champs suivants avec les valeurs par dfaut proposes :

-7Les sources prsentes sur cette pages sont libres de droits, et vous pouvez les utiliser votre convenance. Par contre la page de prsentation de ces sources constitue une oeuvre intellectuelle protge par les droits d'auteurs. Copyright 2008 - Emmanuel Lecoester. Aucune reproduction, mme 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' 3 ans de prison et jusqu' 300 000 E de dommages et intrts.http://windev.developpez.com/tutoriels/windev/google-map-windev/

Intgrer une MAP google dans votre application WinDev par Emmanuel Lecoester

La question : quelle adresse peuvent bien correspondre ces valeurs ? Et ajoutez un bouton avec le code suivant :sLienHTTP est une chane sLienHTTP="http://maps.google.com/maps?q=" sLienHTTP+= txt_lat +"%2C"+txt_lon HTML_Google = sLienHTTP

En faisant un GO de votre projet vous arrivez :

-8Les sources prsentes sur cette pages sont libres de droits, et vous pouvez les utiliser votre convenance. Par contre la page de prsentation de ces sources constitue une oeuvre intellectuelle protge par les droits d'auteurs. Copyright 2008 - Emmanuel Lecoester. Aucune reproduction, mme 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' 3 ans de prison et jusqu' 300 000 E de dommages et intrts.http://windev.developpez.com/tutoriels/windev/google-map-windev/

Intgrer une MAP google dans votre application WinDev par Emmanuel Lecoester

Et en appuyant sur le bouton :

-9Les sources prsentes sur cette pages sont libres de droits, et vous pouvez les utiliser votre convenance. Par contre la page de prsentation de ces sources constitue une oeuvre intellectuelle protge par les droits d'auteurs. Copyright 2008 - Emmanuel Lecoester. Aucune reproduction, mme 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' 3 ans de prison et jusqu' 300 000 E de dommages et intrts.http://windev.developpez.com/tutoriels/windev/google-map-windev/

Intgrer une MAP google dans votre application WinDev par Emmanuel Lecoester

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

- 10 Les sources prsentes sur cette pages sont libres de droits, et vous pouvez les utiliser votre convenance. Par contre la page de prsentation de ces sources constitue une oeuvre intellectuelle protge par les droits d'auteurs. Copyright 2008 - Emmanuel Lecoester. Aucune reproduction, mme 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' 3 ans de prison et jusqu' 300 000 E de dommages et intrts.http://windev.developpez.com/tutoriels/windev/google-map-windev/

Intgrer une MAP google dans votre application WinDev par Emmanuel Lecoester

IV - Calculer un itinraireNous allons reprendre le principe du premier volet sauf que nous allons crer deux blocs d'adresse. Nous allons calculer l'itinraire entre le lieu des WinDeveries Franaises et celui des WinDeveries europennes.

- 11 Les sources prsentes sur cette pages sont libres de droits, et vous pouvez les utiliser votre convenance. Par contre la page de prsentation de ces sources constitue une oeuvre intellectuelle protge par les droits d'auteurs. Copyright 2008 - Emmanuel Lecoester. Aucune reproduction, mme 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' 3 ans de prison et jusqu' 300 000 E de dommages et intrts.http://windev.developpez.com/tutoriels/windev/google-map-windev/

Intgrer une MAP google dans votre application WinDev par Emmanuel Lecoester

Voici le code du bouton Itinraire :sLienHTTP est une chane 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" HTML_Google = sLienHTTP

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

- 12 Les sources prsentes sur cette pages sont libres de droits, et vous pouvez les utiliser votre convenance. Par contre la page de prsentation de ces sources constitue une oeuvre intellectuelle protge par les droits d'auteurs. Copyright 2008 - Emmanuel Lecoester. Aucune reproduction, mme 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' 3 ans de prison et jusqu' 300 000 E de dommages et intrts.http://windev.developpez.com/tutoriels/windev/google-map-windev/

Intgrer une MAP google dans votre application WinDev par Emmanuel Lecoester

- 13 Les sources prsentes sur cette pages sont libres de droits, et vous pouvez les utiliser votre convenance. Par contre la page de prsentation de ces sources constitue une oeuvre intellectuelle protge par les droits d'auteurs. Copyright 2008 - Emmanuel Lecoester. Aucune reproduction, mme 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' 3 ans de prison et jusqu' 300 000 E de dommages et intrts.http://windev.developpez.com/tutoriels/windev/google-map-windev/