iframe

[harryevrard]

Bonjour, voilà j'ai entièrement fait mon site avec iweb... et par la suite j'ai rajouté des pages en php via une iframe dans iweb...

Seulement j'ai un problème, j'ai une base de donnée sql et j'aimerais bien faire apparaitre la localisation dans google map des gens inscrit dans ma base de donnée (sans devoir aller chercher le lien url de leur localisation moi même) donc tout devrait se faire automatiquement...

En fait j'ai trouvé le truc, avec l'iframe qui pointe sur la page

http://maps.google.be/maps?f=q&hl=fr&geocode=&q=Rue+nom de la rue+n°+code postal+ville

Mais j'arrive pas à centrer mon ifram juste sur la carte... j'ai essayé avec des margin mais ca fonctionne pas...

Voilà, je sais pas si je me suis fait assez bien comprendre?

 

[Bladrak]

Mais j'arrive pas à centrer mon ifram juste sur la carte... j'ai essayé avec des margin mais ca fonctionne pas...

Voilà, je sais pas si je me suis fait assez bien comprendre?

Si tu avais une URL ou un screenshot ça nous aiderait un peu plus

Tu as fait comment ton margin ? En margin:auto; ? Sur quel div ?

 

[harryevrard]

Voilà le code...

<iframe width="200" height="200" frameborder="0" scrolling="no" marginheight="500px" marginwidth="200px" src="http://maps.google.com/maps?f=q&hl=fr&geocode=&q=<?echo "".$datademand['adresse1']."";?>+<?echo "".$datademand['adresse2']."";?>+<?echo "".$datademand['adresse3']."";?>+<?echo "".$datademand['adresse4']."";?>=15&iwloc=addr"></iframe>


Et en fait je tombe sur la bonne page, le seul problème est que je tombe sur le coin supérieur gauche de la page et j'aimerais bien que ca tombe sur la carte...

En gros c'est comme si les margin valaient 0 :-S

 

[Bladrak]

Ah ok, j'avais pas bien compris

Dans ce cas, il vaut mieux utiliser le script fourni par google plutôt qu'une iframe

Il y a des variables à changer

<!-- ++Begin Map Search Control Wizard Generated Code++ -->
  <!--
  // Created with a Google AJAX Search Wizard
  // http://code.google.com/apis/ajaxsearch/wizards.html
  -->

  <!--
  // The Following div element will end up holding the map search control.
  // You can place this anywhere on your page
  -->
  <div id="mapsearch">
    <span style="color:#676767;font-size:11px;margin:10px;padding:4px;">Loading...</span>
  </div>

  <!-- Maps Api, Ajax Search Api and Stylesheet
  // Note: If you are already using the Maps API then do not include it again
  //       If you are already using the AJAX Search API, then do not include it
  //       or its stylesheet again
  //
  // The Key Embedded in the following script tags is designed to work with
  // the following site:
  // http://www.tonsite.fr
  -->
  <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAVcdlCgp24gcu-08fiEMOzxT6k0wiO-KkIZ16CDOw7yIQlVHEORRHNFBhGdoS9LZ1rkrw5Joc9slBEQ"
    type="text/javascript"></script>
  <script src="http://www.google.com/uds/api?file=uds.js&v=1.0&source=uds-msw&key=ABQIAAAAVcdlCgp24gcu-08fiEMOzxT6k0wiO-KkIZ16CDOw7yIQlVHEORRHNFBhGdoS9LZ1rkrw5Joc9slBEQ"
    type="text/javascript"></script>
  <style type="text/css">
    @import url("http://www.google.com/uds/css/gsearch.css");
  </style>

  <!-- Map Search Control and Stylesheet -->
  <script type="text/javascript">
    window._uds_msw_donotrepair = true;
  </script>
  <script src="http://www.google.com/uds/solutions/mapsearch/gsmapsearch.js?mode=new"
    type="text/javascript"></script>
  <style type="text/css">
    @import url("http://www.google.com/uds/solutions/mapsearch/gsmapsearch.css");
  </style>

  <style type="text/css">
    .gsmsc-mapDiv {
      height : 275px;
    }

    .gsmsc-idleMapDiv {
      height : 275px;
    }

    #mapsearch {
      width : 365px;
      margin: 10px;
      padding: 4px;
    }
  </style>
  <script type="text/javascript">
    function LoadMapSearchControl() {

      var options = {
            zoomControl : GSmapSearchControl.ZOOM_CONTROL_ENABLE_ALL,
            title : "Ville",
            url : "http://www.tonsite.fr",
            idleMapZoom : GSmapSearchControl.ACTIVE_MAP_ZOOM-2,
            activeMapZoom : GSmapSearchControl.ACTIVE_MAP_ZOOM-2
            }

      new GSmapSearchControl(
            document.getElementById("mapsearch"),
            "Adresse",
            options
            );

    }
    // arrange for this function to be called during body.onload
    // event processing
    GSearch.setOnLoadCallback(LoadMapSearchControl);
  </script>
<!-- ++End Map Search Control Wizard Generated Code++ -->

T'as donc les éléments de l'url de ton site, la ville et l'adresse de ton utilisateur à modifier dans le script (ce que tu peux faire dynamiquement via PHP).

Ça devrait fonctionner

 

[harryevrard]

ok merci je vais essayer

Et je devrais changer quoi pour avoir l'adresse que je cherche? Je vois pas ce que je dois modifier?

 

[harryevrard]

Ca va j'ai trouvé... il fallait juste changer adresse

Et pas oublier de se créer sa key api sur google
Merci beaucoup