[R] Récupération d'une page html vers une GUI

#1

Bonjour,

J'ai récupéré un fichier html google maps qui travaille avec l'API google maps.

Ce fichier permier de définir deux points sur la carte , bordeaux et paris par exemple puis de visualiser l'itinéraire.

Le fichier html est partagé en deux partie:
-la carte
-le trajet à suivre

Mon but est de faire l'interface entre la GUI est le code html pour ne plus utiliser que les boutons et les inputs de la GUI .

Merci de votre intérêt pour mon projet !

Je joint le fichier html

#2

Bon j'ai avancé .

En fait c'est tout bête pour intégrer la page html dans une GUI.
Mon problème , maintenant est de faire l'interface entre le code html et la GUI ses boutons et ses inputs.

Voici donc le code pour la GUI:

► Afficher le texte

Le code html attend deux variables, semble t-il , comme on peut le voir :

Code : Tout sélectionner

    <div id="start">
      Enter the address of the starting point or click the map.
      <form onsubmit="showAddress(); return false" action="#">
        <input id="search" size="60" type="text" value="" />
        <input type="submit" value="Find start address" />
      </form>
    </div>

    <div id="end">
      Enter the address of the destination point or click the map.
      <form onsubmit="showAddress(); return false" action="#">

        <input id="search2" size="60" type="text" value="" />
        <input type="submit" value="Find destination address" />
      </form>
    </div>

J'ai simplifié mes besoins (voir post 1 mis à jour !)
Merci pour votre aide !

#3

Alors , je viens de découvrir que dans les lignes ci-dessus,

si on remplace les value="" par value="lyon" cela inscrit directement lyon dans le input du code html.

Il me faudrait donc placer le resultat d'un GuiCtrlCreateInput à cet endroit.

#4

J'ai un peu avancé mais là je bute sur l'interface GUI > Html .

Je suis parvenu à faire lire mes deux GuiCtrlCreateInput au fichier hmtl par la function:

Code : Tout sélectionner

local $depart = GUICtrlRead($Ville1)
_ReplaceStringInFile($url, "VILLEFROM", $depart, 1, 0)
local $arrivee = GUICtrlRead($Ville2)
_ReplaceStringInFile($url, "VILLETO", $arrivee, 1, 0)

► Afficher le texte

Code : Tout sélectionner

#Region ;**** Directives created by AutoIt3Wrapper_GUI ****
#AutoIt3Wrapper_icon=googletrack.ico
#AutoIt3Wrapper_outfile=googletrack.exe
#EndRegion ;**** Directives created by AutoIt3Wrapper_GUI ****

#include <GUIConstantsEx.au3>
#include <WindowsConstants.au3>
#include <IE.au3>
#include <file.au3>

$hwmd_Reciver = GUICreate("GoogleMapsTrack", 800, 700, 0, 0,$WS_OVERLAPPEDWINDOW)

$OK = GUICtrlCreateButton("OK", 620, 650, 60, 40)
GUICtrlSetFont(-1, 10, 800, 0, "MS Sans Serif")

$Annuler = GUICtrlCreateButton("Annuler", 700, 650, 80, 40)
GUICtrlSetFont(-1, 10, 800, 0, "MS Sans Serif")

GUICtrlCreateLabel("Ville de Départ",80,630,200,20)
GUICtrlSetFont(-1, 10, 800, 0, "MS Sans Serif")
$Ville1 = GUICtrlCreateInput("", 80, 660, 250, 20)
GUICtrlSetTip(-1, "Entrez une Ville de départ")

GUICtrlCreateLabel("Ville d'Arrivée",350,630,200,20)
GUICtrlSetFont(-1, 10, 800, 0, "MS Sans Serif")
$Ville2 = GUICtrlCreateInput("", 350, 660, 250, 20)
GUICtrlSetTip(-1, "Entrez une Ville d'arrivée")


    $url=@ScriptDir & "\gmapsroute.html";lecture de la page html

    _IEErrorHandlerRegister()
    $ie = _IECreateEmbedded()

    $ieobject = GUICtrlCreateObj($ie, -14, -14, 805, 600)

    local $lat = "40"
    _ReplaceStringInFile($url, "LATITUDE", $lat, 1, 0) ;Paramètre 1 = Sensible a la casse || Paramètre 0 = Remplace le premier trouvé
    local $lon = "-100"
    _ReplaceStringInFile($url, "LONGITUDE", $lon, 1, 0) ;Paramètre 1 = Sensible a la casse || Paramètre 0 = Remplace le premier trouvé
    local $ZoomLevel = "12"
    _ReplaceStringInFile($url, "ALTITUDE", $ZoomLevel, 1, 0) ;Paramètre 1 = Sensible a la casse || Paramètre 0 = Remplace le premier trouvé

    _IENavigate($ie, $url, 0)
    GUISetState()
    GUISetState(@SW_SHOW)


While 1
    $nMsg = GUIGetMsg()
    Switch $nMsg
        Case $GUI_EVENT_CLOSE , $Annuler
            Exit

        Case $OK
            FileCopy($url,$url&"_tmp")
            local $depart = GUICtrlRead($Ville1)
            _ReplaceStringInFile($url, "VILLEFROM", $depart, 1, 0) ;Paramètre 1 = Sensible a la casse || Paramètre 0 = Remplace le premier trouvé

            local $arrivee = GUICtrlRead($Ville2)
            _ReplaceStringInFile($url, "VILLETO", $arrivee, 1, 0) ;Paramètre 1 = Sensible a la casse || Paramètre 0 = Remplace le premier trouvé

            _IENavigate($ie, $url, 0)
            sleep(3000)
            If FileExists($url&"_tmp") Then FileCopy($url&"_tmp",$url,1)
            FileDelete($url&"_tmp")
    EndSwitch
Wend

avec le code html modifé suivant:

► Afficher le texte

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>

<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <title>Google Maps Multi-Point Routing for Ride Runner</title>
   <script src="http://maps.google.com/maps?file=api&v=2&sensor=false&key=" type="text/javascript"></script>
      
  </head>
  <body onunload="GUnload()">

    <table>

      <tr>
        <td width=700>
          <div id="map" style="width: 755px; height: 490px; border:1px solid black"></div>
        </td>
        <td width=400>
          <div id="path" style="width: 400px; height: 490px; overflow:auto; border:1px solid black"></div>
        </td>
      </tr>
    </table>



    <div id="start">
      Enter the address of the starting point or click the map.
      <form onsubmit="showAddress(); return false" action="#">
        <input id="search" size="60" type="text" [color=#FF0000]value="VILLEFROM"[/color] />
        <input type="submit" value="Find start address" />
      </form>
    </div>

    <div id="end">
      Enter the address of the destination point or click the map.
      <form onsubmit="showAddress(); return false" action="#">

        <input id="search2" size="60" type="text" [color=#FF0000]value="VILLETO"[/color] />
        <input type="submit" value="Find destination address" />
      </form>
    </div>

    <div id="drag">
       Drag the markers as required.
       <input type="button" value="Get Directions" onclick="directions()" />
    </div>

    <noscript><b>JavaScript must be enabled in order for you to use Google Maps.</b>
      However, it seems JavaScript is either disabled or not supported by your browser.
      To view Google Maps, enable JavaScript by changing your browser options, and then
      try again.
    </noscript>

    <script type="text/javascript">
    //<![CDATA[

    if (GBrowserIsCompatible()) {

      var map = new GMap(document.getElementById("map"));
      map.addControl(new GLargeMapControl());
      map.addControl(new GMapTypeControl());
      map.setCenter(new GLatLng([color=#FF0000]LATITUDE,LONGITUDE),ALTITUDE[/color]);

      var bounds = new GLatLngBounds();

      // ====== Create a Client Geocoder ======
      var geo = new GClientGeocoder(new GGeocodeCache());

      // ====== Array for decoding the failure codes ======
      var reasons=[];
      reasons[G_GEO_SUCCESS]            = "Success";
      reasons[G_GEO_MISSING_ADDRESS]    = "Missing Address: The address was either missing or had no value.";
      reasons[G_GEO_UNKNOWN_ADDRESS]    = "Unknown Address:  No corresponding geographic location could be found for the specified address.";
      reasons[G_GEO_UNAVAILABLE_ADDRESS]= "Unavailable Address:  The geocode for the given address cannot be returned due to legal or contractual reasons.";
      reasons[G_GEO_BAD_KEY]            = "Bad Key: The API key is either invalid or does not match the domain for which it was given";
      reasons[G_GEO_TOO_MANY_QUERIES]   = "Too Many Queries: The daily geocoding quota for this site has been exceeded.";
      reasons[G_GEO_SERVER_ERROR]       = "Server error: The geocoding request could not be successfully processed.";
      reasons[G_GEO_BAD_REQUEST]        = "A directions request could not be successfully parsed.";
      reasons[G_GEO_MISSING_QUERY]      = "No query was specified in the input.";
      reasons[G_GEO_UNKNOWN_DIRECTIONS] = "The GDirections object could not compute directions between the points.";

      // ====== Geocoding ======
      function showAddress() {
        if (state==0) {
          var search = document.getElementById("search").value;
          addresses[0] = search;
        }
        if (state==1) {
          var search = document.getElementById("search2").value;
          addresses[4] = search;
        }
        geo.getLatLng(search, function (point)
          {
            if (point) {
              if (state==1) {doEnd(point)}
              if (state==0) {doStart(point)}
            }
            else {
              var result=geo.getCache().get(search);
              if (result) {
                var reason="Code "+result.Status.code;
                if (reasons[result.Status.code]) {
                  reason = reasons[result.Status.code]
                }
              } else {
                var reason = "";
              }
              alert('Could not find "'+search+ '" ' + reason);
            }
          }
        );
      }

      function swapMarkers(i) {
        map.removeOverlay(gmarkers[i]);
        createMarker(path[i],i,icon2);
      }

      var baseIcon = new GIcon(G_DEFAULT_ICON);
      baseIcon.iconSize=new GSize(24,38);

      var icon1 = G_START_ICON;
      var icon2 = G_PAUSE_ICON;
      var icon3 = G_END_ICON;
      var icon4 = new GIcon(baseIcon,"http://labs.google.com/ridefinder/images/mm_20_white.png");
          icon4.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
          icon4.iconSize = new GSize(12, 20);
          icon4.shadowSize = new GSize(22, 20);
          icon4.iconAnchor = new GPoint(6, 20);
          icon4.infoWindowAnchor = new GPoint(5, 1);


      function createMarker(point,i,icon) {
        var marker = new GMarker(point, {draggable:true,icon:icon});
        gmarkers[i]=marker;
        GEvent.addListener(marker, "dragend", function() {
          path[i] = marker.getPoint();
          if (!active[i]) {
            setTimeout('swapMarkers('+i+')', 1000);
          }
          active[i] = true;
          addresses[i] = "";
        });
        map.addOverlay(marker);
      }


      // ===== Array to contain the points of the path =====
      var path = [];
      var active = [true,false,false,false,true];
      var gmarkers = [];
      var addresses = [];

      // ===== State Driven Processing =====
      var state = 0;

      function handleState() {
        if (state == 0) {
          document.getElementById("start").style.display = "block";
          document.getElementById("end").style.display = "none";
          document.getElementById("drag").style.display = "none";
        }
        if (state == 1) {
          document.getElementById("start").style.display = "none";
          document.getElementById("end").style.display = "block";
          document.getElementById("drag").style.display = "none";
        }
        if (state == 2) {
          document.getElementById("start").style.display = "none";
          document.getElementById("end").style.display = "none";
          document.getElementById("drag").style.display = "block";
        }
      }

      handleState();

      GEvent.addListener(map, "click", function(overlay,point) {
        if (point) {
          if (state == 1) { doEnd(point) }
          if (state == 0) { doStart(point) }
        }
      });

      function doStart(point) {
        createMarker(point,0,icon1);
        path[0] = point;
        state = 1;
        handleState();
      }

      function doEnd(point) {
        createMarker(point,4,icon3);
        path[4] = point;
        state = 2;
        handleState();
        for (var i=1; i<4; i++) {
          var lat = (path[0].lat()*(4-i) + path[4].lat()*i)/4;
          var lng = (path[0].lng()*(4-i) + path[4].lng()*i)/4;
          var p = new GLatLng(lat,lng);
          createMarker(p,i,icon4);
          path[i] = p;
        }
        bounds.extend(path[0]);
        bounds.extend(path[4]);
        map.setZoom(map.getBoundsZoomLevel(bounds));
        map.setCenter(bounds.getCenter());
      }

      var gdir=new GDirections(null, document.getElementById("path"));

      GEvent.addListener(gdir,"error", function() {
        var code = gdir.getStatus().code;
        var reason="Code "+code;
        if (reasons[code]) {
          reason = "Code "+code +" : "+reasons[code]
        }
        alert("Failed to obtain directions, "+reason);
      });

      var poly;
      GEvent.addListener(gdir, "load", function() {
        if (poly) map.removeOverlay(poly);
        poly = gdir.getPolyline();
        map.addOverlay(poly);
      });


      function directions() {
        if (addresses[0]) {var a = addresses[0] + "@" + path[0].toUrlValue(6)}
          else {var a = path[0].toUrlValue(6)}
        if (addresses[4]) {var b = addresses[4] + "@" + path[4].toUrlValue(6)}
          else {var b = path[4].toUrlValue(6)}
        for (var i=3; i>0; i--) {
          if (active[i]) {
            b = path[i].toUrlValue(6) +" to: "+b;
          }
        }
        var a = "from: "+a + " to: " + b;
        gdir.load(a, {getPolyline:true});
      }
    }

    // display a warning if the browser was not compatible
    else {
      alert("Sorry, the Google Maps API is not compatible with this browser");
    }

    </script>
  </body>

</html>

Je n'ai modifié que VILLEFROM , VILLETO , LATITUDE , LONGITUDE et ALTITUDE afin de pouvoir les cibler avec autoit.

Il me reste donc à trouver comment simuler un appuie sur les boutons du code html !

Merci de votre aide

#5

Suis tombé sur un exemple de récupération d'objet ie des les exemple autoit ainsi que le forum:

Code : Tout sélectionner

$oIE = _IECreate ("http://www.google.com")
$oForm = _IEFormGetObjByName ($oIE, "f")
$oQuery = _IEFormElementGetObjByName ($oForm, "q")
_IEFormElementSetValue ($oQuery, "AutoIt IE.au3")
_IEFormSubmit ($oForm)

Mais comment l'adapter à mon fichier html SVP

#6

le sou

cis est que les formulaires ici et les inputs n'ont pas de noms.
Il faut donc passer par de Getcollection est se débrouiller avec les index
pour le submit, ça cafouille en local, alors je click à la place
comme il est tard, et que je ne poste pas le jour, voici le code modifié.
Pour les questio je suis tout ouï la soirée

► Afficher le texte

Code : Tout sélectionner

#Region ;**** Directives created by AutoIt3Wrapper_GUI ****
#AutoIt3Wrapper_icon=googletrack.ico
#AutoIt3Wrapper_outfile=googletrack.exe
#EndRegion ;**** Directives created by AutoIt3Wrapper_GUI ****

#include <GUIConstantsEx.au3>
#include <WindowsConstants.au3>
#include <IE.au3>
#include <file.au3>

$hwmd_Reciver = GUICreate("GoogleMapsTrack", 800, 700, 0, 0,$WS_OVERLAPPEDWINDOW)

$OK = GUICtrlCreateButton("OK", 620, 650, 60, 40)
GUICtrlSetFont(-1, 10, 800, 0, "MS Sans Serif")

$Annuler = GUICtrlCreateButton("Annuler", 700, 650, 80, 40)
GUICtrlSetFont(-1, 10, 800, 0, "MS Sans Serif")

GUICtrlCreateLabel("Ville de Départ",80,630,200,20)
GUICtrlSetFont(-1, 10, 800, 0, "MS Sans Serif")
$Ville1 = GUICtrlCreateInput("france paris", 80, 660, 250, 20)
GUICtrlSetTip(-1, "Entrez une Ville de départ")

GUICtrlCreateLabel("Ville d'Arrivée",350,630,200,20)
GUICtrlSetFont(-1, 10, 800, 0, "MS Sans Serif")
$Ville2 = GUICtrlCreateInput("france limoges", 350, 660, 250, 20)
GUICtrlSetTip(-1, "Entrez une Ville d'arrivée")


    $url=@ScriptDir & "\gmapsroute.html";lecture de la page html
;$url="http://maps.google.fr/maps?ct=reset"
    _IEErrorHandlerRegister()
    $ie = _IECreateEmbedded()

    $ieobject = GUICtrlCreateObj($ie, -14, -14, 805, 600)


;_IEFormElementSetValue ($oQuery, "AutoIt IE.au3")
;_IEFormSubmit ($oForm)


    local $lat = "40"
    _ReplaceStringInFile($url, "LATITUDE", $lat, 1, 0) ;Paramètre 1 = Sensible a la casse || Paramètre 0 = Remplace le premier trouvé
    local $lon = "-100"
    _ReplaceStringInFile($url, "LONGITUDE", $lon, 1, 0) ;Paramètre 1 = Sensible a la casse || Paramètre 0 = Remplace le premier trouvé
    local $ZoomLevel = "12"
    _ReplaceStringInFile($url, "ALTITUDE", $ZoomLevel, 1, 0) ;Paramètre 1 = Sensible a la casse || Paramètre 0 = Remplace le premier trouvé

    _IENavigate($ie, $url, 0)
    Sleep(2000)

    $oForms=_IEFormGetCollection($ie);,0)
    $nb_form=@extended
    ;$oFormfrom = _IEGetObjById ($ie,"start")
    ConsoleWrite("nb form = "&$nb_form&@CRLF)
    Dim $formulaire0,$formulaire1
    for $i = 0 to $nb_form - 1
        ;MsgBox(0, "Form Info", $oForm.name)
        Assign("formulaire"&$i,_IEFormGetCollection($ie,$i))
    Next

    ConsoleWrite(@error&@CRLF)
    ;$oQueryfrom = _IEGetObjById ($ie, "search")
    $oQueryfrom=_IEFormElementGetCollection( $formulaire0,0)
    ConsoleWrite(@error&@CRLF)
    $oButtonfrom=_IEFormElementGetCollection( $formulaire0,1)
    $oQueryto = _IEFormElementGetCollection( $formulaire1,0)
    ConsoleWrite(@error&@CRLF)
    $oButtonto=_IEFormElementGetCollection( $formulaire1,1)




    GUISetState()
    GUISetState(@SW_SHOW)


While 1
    $nMsg = GUIGetMsg()
    Switch $nMsg
        Case $GUI_EVENT_CLOSE , $Annuler
            Exit

        Case $OK
            FileCopy($url,$url&"_tmp")
            local $depart = GUICtrlRead($Ville1)
            ;_ReplaceStringInFile($url, "VILLEFROM", $depart, 1, 0) ;Paramètre 1 = Sensible a la casse || Paramètre 0 = Remplace le premier trouvé
            _IEFormElementSetValue ($oQueryfrom, $depart)
            ;$formulaire0.submit()
            ;_IEFormSubmit ($formulaire0,0)
            _IEAction($oButtonfrom,"click")
            Sleep(2000)
            ;Beep(550,1000)
            ConsoleWrite(@error&@CRLF)

            local $arrivee = GUICtrlRead($Ville2)
            ;_ReplaceStringInFile($url, "VILLETO", $arrivee, 1, 0) ;Paramètre 1 = Sensible a la casse || Paramètre 0 = Remplace le premier trouvé
            _IEFormElementSetValue ($oQueryto, $arrivee)
            ;_IEFormSubmit ($formulaire1,0)
            _IEAction($oButtonto,"click")
;_IENavigate($ie, $url, 0)
            sleep(3000)
            If FileExists($url&"_tmp") Then FileCopy($url&"_tmp",$url,1)
            FileDelete($url&"_tmp")
    EndSwitch
Wend

bonne nuit ======>> dodo

#7

Merci beaucoup,
je test ça dés que possible

#8

Je viens de tester à l'instant.
Alors cela fonctionne trés bien.

Serait-il possible de n'avoir à cliquer qu'une fois sur le bouton ok pour avoir le résultat de la route affiché .

Actuellement, un click sur le bouton ok lit bien les deux villes et génère bien les clicks sur les deux boutons, mais je suis obligé de
cliquer sur le dernier bouton 'Get directions' pour avoir le résultat final !

Merci de votre aide.

Une autre idée mais moins importante, serait-il possible de faire disparaitre les input et boutons du fichier html tout en gardant les même fonctionnalités. Je pense que non , mais votre avis sera le bon !

Merci

#9

Pour la disparition des boutons, je passe la main ...

Par contre dans la version postée, je n'ai pas à cliquer 2 fois ? j'ai déclenché les clicks l'un après l'autre avec une tempo.
Attendez vous assez au moment où vous clickez une fois sur OK ?

#10

Oui, j'attends assez longtemps .

Je vois bien les deux clicks avec une tempo mais le résultat final n'apparait que si je click sur le bouton de la fenêtre html

#11

Ah oui, le "Get direction" pour tracer en bleu. Effectivement je mesuis arrêté à l'apparition des 2 points.
Bon, il faut éditer la page en cours pour recibler le formulaire ^^ et on repart dans la même galère

#12

C'est à dire ?

#13

Merci de votre aide pour ce dernier bouton sylvanie.

Au secours !!!

#14

Il est corriace ...
En éditant la source de la page avec ce dernier bouton, on voit bien la section Div en question, mais je n'arrive pas à la sélectionner ...

#15

Ah , désolé je n'avais pas compris !

#16

Si quelqu'un a une solution pour simuler un click sur ce dernier Button Get Direction ?

Merci d'avance

#17

Après un peu de réflection, je me suis dis que je n'avais plus besoin de visualiser le dernier bouton 'Direction' dont le code html est le suivant

Code : Tout sélectionner

   <div id="drag">
       Drag the markers as required.
       <input type="button" value="Get Directions" onclick="directions()" />
    </div>

Il suffirait en fait de remplacer ce code par le lancement directe de la fonction 'direction()'.

Mais je ne sais pas comment la lancer, donc comment réécrire le code html.
En fait , il serait idéal que le dernier bouton ici en rouge, lance aussi la fonction direction() juste aprés sa propre fonction.

Code : Tout sélectionner

[color=#FF0000]    <div id="end">
      Enter the address of the destination point or click the map.
      <form onsubmit="showAddress(); return false" action="#">

        <input id="search2" size="60" type="text" value="VILLETO" />
        <input type="submit" value="Find destination address" />
      </form>
    </div>[/color]

#18

Bonjour

mes souvenirs de JavaScript:

<form onsubmit="directions(); showAddress(); return false" action="#">

ou

<form onsubmit="showAddress(); directions(); return false" action="#">

En fait tu verras dans quel ordre exécuter les 2 fonctions.

#19

J'ai essayé les deux options qui m'indiquent que je ne suis pas connecté !

#20

Pour clore cette question, voici la réponse :

► Afficher le texte

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>

<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <title>Google Maps Multi-Point Routing for Ride Runner</title>
   <script src="http://maps.google.com/maps?file=api&v=2&sensor=false&key=" type="text/javascript"></script>
      
  </head>
  <body onunload="GUnload()">

    <table>

      <tr>
        <td width=700>
          <div id="map" style="width: 755px; height: 490px; border:1px solid black"></div>
        </td>
        <td width=400>
          <div id="path" style="width: 400px; height: 490px; overflow:auto; border:1px solid black"></div>
        </td>
      </tr>
    </table>



    <div id="start">
      Enter the address of the starting point or click the map.
      <form onsubmit="showAddress(); return false" action="#">
        <input id="search" size="60" type="text" value="VILLEFROM" />
        <input type="submit" value="Find start address" />
      </form>
    </div>

    <div id="end">
      Enter the address of the destination point or click the map.
      <form onsubmit="showAddress(); return false" action="#">

        <input id="search2" size="60" type="text" value="VILLETO" />
        <input type="submit" value="Find destination address" />
      </form>
    </div>

    <div id="drag">
       Drag the markers as required.
       <input type="button" value="Get Directions" onclick="directions()" />
    </div>

    <noscript><b>JavaScript must be enabled in order for you to use Google Maps.</b>
      However, it seems JavaScript is either disabled or not supported by your browser.
      To view Google Maps, enable JavaScript by changing your browser options, and then
      try again.
    </noscript>

    <script type="text/javascript">
    //<![CDATA[

    if (GBrowserIsCompatible()) {

      var map = new GMap(document.getElementById("map"));
      map.addControl(new GLargeMapControl3D());
      map.addControl(new GMapTypeControl());
      map.setCenter(new GLatLng(LATITUDE,LONGITUDE),ALTITUDE);

      var bounds = new GLatLngBounds();

      // ====== Create a Client Geocoder ======
      var geo = new GClientGeocoder(new GGeocodeCache());

      // ====== Array for decoding the failure codes ======
      var reasons=[];
      reasons[G_GEO_SUCCESS]            = "Success";
      reasons[G_GEO_MISSING_ADDRESS]    = "Missing Address: The address was either missing or had no value.";
      reasons[G_GEO_UNKNOWN_ADDRESS]    = "Unknown Address:  No corresponding geographic location could be found for the specified address.";
      reasons[G_GEO_UNAVAILABLE_ADDRESS]= "Unavailable Address:  The geocode for the given address cannot be returned due to legal or contractual reasons.";
      reasons[G_GEO_BAD_KEY]            = "Bad Key: The API key is either invalid or does not match the domain for which it was given";
      reasons[G_GEO_TOO_MANY_QUERIES]   = "Too Many Queries: The daily geocoding quota for this site has been exceeded.";
      reasons[G_GEO_SERVER_ERROR]       = "Server error: The geocoding request could not be successfully processed.";
      reasons[G_GEO_BAD_REQUEST]        = "A directions request could not be successfully parsed.";
      reasons[G_GEO_MISSING_QUERY]      = "No query was specified in the input.";
      reasons[G_GEO_UNKNOWN_DIRECTIONS] = "The GDirections object could not compute directions between the points.";

      // ====== Geocoding ======
      function showAddress() {
        if (state==0) {
          var search = document.getElementById("search").value;
          addresses[0] = search;
        }
        if (state==1) {
          var search = document.getElementById("search2").value;
          addresses[4] = search;
        }
        geo.getLatLng(search, function (point)
          {
            if (point) {
              if (state==1) {doEnd(point)}
              if (state==0) {doStart(point)}
            }
            else {
              var result=geo.getCache().get(search);
              if (result) {
                var reason="Code "+result.Status.code;
                if (reasons[result.Status.code]) {
                  reason = reasons[result.Status.code]
                }
              } else {
                var reason = "";
              }
              alert('Could not find "'+search+ '" ' + reason);
            }
          }
        );
      }

      function swapMarkers(i) {
        map.removeOverlay(gmarkers[i]);
        createMarker(path[i],i,icon2);
      }

      var baseIcon = new GIcon(G_DEFAULT_ICON);
      baseIcon.iconSize=new GSize(24,38);

      var icon1 = G_START_ICON;
      var icon2 = G_PAUSE_ICON;
      var icon3 = G_END_ICON;
      var icon4 = new GIcon(baseIcon,"http://labs.google.com/ridefinder/images/mm_20_white.png");
          icon4.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
          icon4.iconSize = new GSize(12, 20);
          icon4.shadowSize = new GSize(22, 20);
          icon4.iconAnchor = new GPoint(6, 20);
          icon4.infoWindowAnchor = new GPoint(5, 1);


      function createMarker(point,i,icon) {
        var marker = new GMarker(point, {draggable:true,icon:icon});
        gmarkers[i]=marker;
        GEvent.addListener(marker, "dragend", function() {
          path[i] = marker.getPoint();
          if (!active[i]) {
            setTimeout('swapMarkers('+i+')', 1000);
          }
          active[i] = true;
          addresses[i] = "";
        });
        map.addOverlay(marker);
      }


      // ===== Array to contain the points of the path =====
      var path = [];
      var active = [true,false,false,false,true];
      var gmarkers = [];
      var addresses = [];

      // ===== State Driven Processing =====
      var state = 0;

      function handleState() {
        if (state == 0) {
          document.getElementById("start").style.display = "block";
          document.getElementById("end").style.display = "none";
          document.getElementById("drag").style.display = "none";
        }
        if (state == 1) {
          document.getElementById("start").style.display = "none";
          document.getElementById("end").style.display = "block";
          document.getElementById("drag").style.display = "none";
        }
        if (state == 2) {
          document.getElementById("start").style.display = "none";
          document.getElementById("end").style.display = "none";
[color=#FF0000]     //-- SUPPRIMER l'affichage du bouton
        // document.getElementById("drag").style.display = "block";
        //-- AJOUT fonction ICI
        directions();[/color]

        }
      }

      handleState();

      GEvent.addListener(map, "click", function(overlay,point) {
        if (point) {
          if (state == 1) { doEnd(point) }
          if (state == 0) { doStart(point) }
        }
      });

      function doStart(point) {
        createMarker(point,0,icon1);
        path[0] = point;
        state = 1;
        handleState();
      }

      function doEnd(point) {
        createMarker(point,4,icon3);
        path[4] = point;
        state = 2;
        handleState();
        for (var i=1; i<4; i++) {
          var lat = (path[0].lat()*(4-i) + path[4].lat()*i)/4;
          var lng = (path[0].lng()*(4-i) + path[4].lng()*i)/4;
          var p = new GLatLng(lat,lng);
          createMarker(p,i,icon4);
          path[i] = p;
        }
        bounds.extend(path[0]);
        bounds.extend(path[4]);
        map.setZoom(map.getBoundsZoomLevel(bounds));
        map.setCenter(bounds.getCenter());
      }

      var gdir=new GDirections(null, document.getElementById("path"));

      GEvent.addListener(gdir,"error", function() {
        var code = gdir.getStatus().code;
        var reason="Code "+code;
        if (reasons[code]) {
          reason = "Code "+code +" : "+reasons[code]
        }
        alert("Failed to obtain directions, "+reason);
      });

      var poly;
      GEvent.addListener(gdir, "load", function() {
        if (poly) map.removeOverlay(poly);
        poly = gdir.getPolyline();
        map.addOverlay(poly);
      });


      function directions() {
        if (addresses[0]) {var a = addresses[0] + "@" + path[0].toUrlValue(6)}
          else {var a = path[0].toUrlValue(6)}
        if (addresses[4]) {var b = addresses[4] + "@" + path[4].toUrlValue(6)}
          else {var b = path[4].toUrlValue(6)}
        for (var i=3; i>0; i--) {
          if (active[i]) {
            b = path[i].toUrlValue(6) +" to: "+b;
          }
        }
        var a = "from: "+a + " to: " + b;
        gdir.load(a, {getPolyline:true});
      }
    }

    // display a warning if the browser was not compatible
    else {
      alert("Sorry, the Google Maps API is not compatible with this browser");
    }

    </script>
  </body>

</html>

Merci pour votre aide

AutoIt Français

[R] Récupération d'une page html vers une GUI

[R] Récupération d'une page html vers une GUI

Re: [..] Récupération d'une page html vers une GUI

Re: [..] Récupération d'une page html vers une GUI

Re: [..] Récupération d'une page html vers une GUI

Re: [..] Récupération d'une page html vers une GUI

Re: [..] Récupération d'une page html vers une GUI

Re: [..] Récupération d'une page html vers une GUI

Re: [..] Récupération d'une page html vers une GUI

Re: [..] Récupération d'une page html vers une GUI

Re: [..] Récupération d'une page html vers une GUI

Re: [..] Récupération d'une page html vers une GUI

Re: [..] Récupération d'une page html vers une GUI

Re: [..] Récupération d'une page html vers une GUI

Re: [..] Récupération d'une page html vers une GUI

Re: [..] Récupération d'une page html vers une GUI

Re: [..] Récupération d'une page html vers une GUI

Re: [..] Récupération d'une page html vers une GUI

Re: [..] Récupération d'une page html vers une GUI

Re: [..] Récupération d'une page html vers une GUI

Re: [..] Récupération d'une page html vers une GUI