SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

286 Plugins, 197 contribs sur SPIP-Zone, 290 visiteurs en ce moment

Accueil > Géo, carto, météo > Google Maps API > Google Maps API v3 > Google Maps API v3

Google Maps API v3

21 novembre 2010 – par xdjuj – 51 commentaires

17 votes

Attention, cette contribution est EN CHANTIER : elle n’est peut-être pas fonctionnelle.

Bien qu’en chantier, cette contribution est parfaitement fonctionnelle mais pour l’instant pauvre en fonctionnalités

L’API v3 de Google Maps et son exploitation en JSON. Une carte dans les pages articles du privé pour placer un marqueur.

Ce plugin n’est pas la nouvelle version du plugin GoogleMapAPI, c’est un plugin autonome permettant d’utiliser simplement la nouvelle API de Google Maps. Il n’est pour l’instant pas autant aboutit, contributeurs bien venus :)

Pour ceux qui souhaitent du fonctionnel tout de suite :

Voir en ligne : http://plugins.spip.net/gmaps_v3

Dernière modification de cette page le 11 juin 2012

Retour en haut de la page

Tout afficher

Vos commentaires

  • Le 24 janvier 2011 à 15:14, par tits En réponse à : Google Maps API v3

    Bonjour,
    Je rencontre un pb déjà évoqué, lorsque j’utilise le fichier sommaire qui se trouve dans le dossier exemple fourni avec le plugin, tout fonctionne bien, mais lorsque je le met dans mon squellette article ou rubrique, rien ne s’affiche.
    Faut-il déplacer le fichier json-tousLesArticles.html dans le dossier squelette du site ?

    Mertci pour vos réponses

    Répondre à ce message

  • Le 20 janvier 2011 à 11:08, par benolaos En réponse à : Google Maps API v3

    « json-encode non défini » dans « plugins/googlemaps_api_v3/json-tousLesArticles.html »...

    Voilà la réponse à la requête : spip.php ?page=json-tousLesArticles sur mon site online, alors que tout fonctionne en local.

    Il me semble avoir couvert tous les champs de mon possible. Quelqu’un a-t-il déjà rencontré le problème ?

    • Le 20 janvier 2011 à 11:35, par xdjuj En réponse à : Google Maps API v3

      Salut benolaos.

      Le problème, c’est Online. Ce sont juste des gros nases et je t’invite aussi à lire leurs CGV abusives (court vite chez Gandi ou OVH ça t’évitera bien des soucis, ou chez un hébergeur gratuit, ça sera toujours mieux).

      Peut être n’es-tu pas en PHP5. Demande leur d’activer PHP5, si jamais ils l’ont sur leurs bouses et qu’ils trouvent un indépendant qui soit capable de leur installer parce que eux en interne... :)

      (tu peux aussi installer GIS Escoitar qui fonctionne directement bien)

      Bon courage :p

    • Le 21 janvier 2011 à 06:10, par benolaos En réponse à : Google Maps API v3

      Bonjour xdjuj,

      Quand je disais que mon site ne fonctionnait pas « online », je parlais par opposition au site développé en local, et non « online » le nom de la société. En fait, je suis hébergé sur OVH... Et il semble que je sois déjà sous PHP5 (la base est placée sous MySQL5...)

      Ca ne viendrait donc pas de cela, mais de quelque chose d’autre ;-) Mais quoi... En tout cas, merci xdjuj pour ta réponse, même si il y a besoin de creuser un peu plus la chose...

    • Le 21 janvier 2011 à 09:56, par xdjuj En réponse à : Google Maps API v3

      lol ok ;-) Bah en tout cas, concernant Online c’est dit :p

      Sinon essaye d’activer PHP5 (des fois que ça soit pas fait => http://guides.ovh.com/Php5ChezOvh )

    Répondre à ce message

  • Le 15 janvier 2011 à 00:57, par Raphael En réponse à : Google Maps API v3

    Bonjour,

    Je signale quelques bugs que j’ai corrigé.

    Il y a un problème d’encodage des urls lié à un bug avec la fonction json_encode de php (php 5.3).

    Ajouter dans mes_fonctions.php

    1. function my_json_encode($value){
    2. return str_replace('\\/', '/', json_encode($value));
    3. }

    Télécharger

    Dans json-tousLesArticles.html

    1. [(#GET{lesMarqueurs}|my_json_encode)]

    Pour afficher les marqueurs personnalisés, dans le fichier gmap_v3.js remplacer

    1. icon: '[(#GET{icon})]'

    par

    1. icon: leMarqueur.titre

    Bon dev,

    Répondre à ce message

  • Le 14 janvier 2011 à 00:38, par Stéphane Santon En réponse à : Google Maps API v3

    Bonjour,

    Je désire n’afficher que le point de l’article en cours, ou les points de la rubrique en cours...
    Comment passer une variable d’environnement id_article ou id_rubrique à json-mesArticles ?

    J’espérais faire un appel à

    <INCLURE{fond=theme/js/gmaps_v3.js,nomCarte=cartePage,json=json-mesArticles#ID_ARTICLE} />

    et traduire le json-mesArticles-art#ID_ARTICLE en spip.php?page=json-mesArticles&id_article=2 par le urlrewrite du .htaccess

    Mais l’url de l’appel javascript est transformé en
    http://www.site.com/spip.php?page=json-mesArticles-art2
    donc impossible à transformer avec le .htaccess

    Comment donc passer des paramètres ?
    Si pas possible, pourquoi ne pas appeler l’url brute pour que l’on traite selon nos désirs par la suite ?

    • Le 14 janvier 2011 à 15:33, par Stéphane Santon En réponse à : Google Maps API v3

      J’ai bricolé en surchargeant theme/js/geomaps_v3.js.html.
      Rajouté une ligne pour intégrer le paramètre à l’appel du json :

      [(#SET{json,#URL_PAGE{#ENV{json}}|sinon{#URL_PAGE{json-tousLesArticles}}})]
      [(#SET{json,[(#GET{json}|parametre_url{id_article,#ENV{id_article}}|replace{'&amp;','&'})]})]

      et ajouté le paramètre à l’environnement d’appel :

      <INCLURE{fond=theme/js/gmaps_v3.js,nomCarte=cartePage,mapType=ROADMAP,json=json-article_Id,id_article=#ID_ARTICLE,zoom=16} />

    Répondre à ce message

  • Le 13 janvier 2011 à 11:17, par Stéphane Santon En réponse à : Google Maps API v3

    Google marquait « Pas trouvé ! » quand je recherchais une adresse en France.
    Il faut lui spécifier la région dans formulaires/geocodage.html :

    <script src="http://maps.google.com/maps/api/js?sensor=false&region=FR" ...

    • Le 13 janvier 2011 à 11:34, par Stéphane Santon En réponse à : Google Maps API v3

      Oupsss.. j’ai écrit des bêtises. Il ne trouve encore plus.

    • Le 14 janvier 2011 à 00:12, par Stéphane Santon En réponse à : Google Maps API v3

      Maintenant il trouve. Ce devait être un problème du côté du serveur de Google Maps.

    Répondre à ce message

  • Le 13 janvier 2011 à 11:52, par Stéphane Santon En réponse à : Google Maps API v3

    Dans json-tousLesArticles.html, pour ne pas créer de tag quand latitude et longitude ne sont pas encore renseignés, on peut faire {!ISNULL latitude} :

    <BOUCLE_LesArticles(ARTICLES){par num titre}{!ISNULL latitude}>

    Répondre à ce message

  • Le 13 janvier 2011 à 08:12, par Stéphane Santon En réponse à : Google Maps API v3

    Bonjour,
    Ah mais il y a une version 3 !
    Est-ce la génération des marqueurs est absolument liée à la table Articles avec lat/lonx, ou bien suffit-il de personnaliser le fichier json pour que ça fonctionne avec rubriques ou d’autres objets éditoriaux ?

    • Le 13 janvier 2011 à 09:39, par xdjuj En réponse à : Google Maps API v3

      Attention comme indiqué, ça n’est pas « une version 3 ». C’est une version qui utilise l’API 3 de Google Maps et qui est bien moins aboutie que GIS. Pour l’instant ça n’est lié qu’à la table ARTICLES.

      Pour faire propre il faudrait faire une table annexe pour lier aux objets de manière générale, ça n’est pour l’instant pas le cas :)

    Répondre à ce message

  • Le 13 janvier 2011 à 09:07, par Stéphane Santon En réponse à : Google Maps API v3

    Pourquoi ne pas avoir déclaré les champs extras latitude et longitude en float (et non text) comme dans gis ?

    • Le 13 janvier 2011 à 09:40, par xdjuj En réponse à : Google Maps API v3

      Parce que par défaut Champs Extra2 fait du TEXTE :p Mais c’est modifiable oui :)

    Répondre à ce message

  • Le 19 décembre 2010 à 13:27, par ad En réponse à : Google Maps API v3

    Bonjour à tous,
    je ne sais pas si le code suivant est tres « academique » mais il a l’air de fonctionner chez moi correctement si cela peux vous servir ou vous inspirer.
    Le centrage de la carte crée se fait aussi en fonction de la latitude et longitude issus de l’article.

    un nouveau fichier que j’ai nommé « json-mes-articles.html » (a la racine du plugin Gmap) :

    [(#CACHE{0})][(#HTTP_HEADER{Content-type: application/json[; charset=(#CHARSET)]})]
    [(#SET{lesMarqueurs, #ARRAY})]
    <BOUCLE_LesArticles(ARTICLES){par id_rubrique}>
            [(#SET{lienUrl,#URL_ARTICLE})]
            [(#SET{leTitre,[(#ID_RUBRIQUE|textebrut)]})]
            [(#SET_PUSH{ 'lesMarqueurs',#ARRAY{titre,#GET{leTitre},latitude,#LATITUDE,longitude,#LONGITUDE,lienUrl,#GET{lienUrl}}})]

    </BOUCLE_LesArticles>
    [(#SET{tousLesMarqueurs,#ARRAY{tousLesMarqueurs,#GET{lesMarqueurs}}})]
    [(#GET{lesMarqueurs}|json_encode)]

    Appellé par « article.html » de mon squelette dont voici le code d’inclusion :

    1. [(#REM) Inclusion carte Alex)]
    2. [(#SET{zoomperso,#ZOOM|sinon{9}})]
    3. <INCLURE{fond=theme/js/gmaps_v3.js,latitude=(#LATITUDE),longitude=(#LONGITUDE),zoom=(#GET{zoomperso}),nomCarte=carteComplete,mapType=HYBRID,json=json-mes-articles} ></INCLURE>
    4. <div id="carteComplete" style="width:500px; height:300px"></div>
    5. [(#REM) Fin Inclusion carte Alex)]

    Télécharger

    Pour visualiser les variables latitude, longitude et zoom inclusion de cette portion de code dans « article.html » apres le sous-titre de l’aricle :

    1. [(#LATITUDE|oui)
    2.  
    3. [<p>Latitude: (#LATITUDE)</p>]
    4. [<p>Longitude: (#LONGITUDE)</p>]
    5. [<p>Zoom: (#ZOOM)</p>]
    6. ]

    Télécharger

    la variable « zoomperso » provient en realité de l’article qui lors de sa creation a beneficié d’un « champ_extra » supplementaire
    qui permet de donner un niveau de zoom directement dans la creation d’article comme Lat et Long,
    implementé dans « /base/gmap_v3.php » de cette maniere :
    (j’ai créé moi meme le champ « zoom » de type « text » a la main dans la table spip_article
    pour ne pas perdre les Latitudes et longitudes existantes, mais une desactivation et re activation du plugin devrait s’en charger normalement
    au risque de perdre le champs « latitude et longitude » installés au depart par le plugin... a voir pas essayé)

    1. $champs[] = new ChampExtra(array(
    2. 'table' => 'article', // Table (au sens Champs Extra 2)
    3. 'champ' => 'zoom', // Nom du champs dans la base de donnée
    4. 'label' => 'gmaps_v3:zoom', // Nom dans le formulaire dans l'espace privé
    5. // 'precisions'=>'', //
    6. // 'obligatoire'=>'on', // Champs obligatoire ?
    7. // 'verifier'=>'', //
    8. // 'verifier_options'=>'', //
    9. 'rechercher'=>'', // Ne pas inclure dans la fonction de recherche
    10. 'type' => 'ligne', // Type dans Champs Extra
    11. 'sql' => "text NULL DEFAULT ''", // Declaration sql
    12. 'traitements'=>'' // Table des traitements de SPIP
    13. ));

    Télécharger

    et enfin une modif du fichier « theme/js/gmap_v3.js.html » dont voici l’integralité :

    [(#REM)  
    /*
    * Initialiser l'API v3 de Google Maps
    *
    */
    ]
    [(#SET{latitude,#ENV{latitude}|sinon{#CONFIG{config_gmaps_v3/latitude}}|sinon{42.112614}})]
    [(#SET{longitude,#ENV{longitude}|sinon{#CONFIG{config_gmaps_v3/longitude}}|sinon{8.701987}})]
    [(#SET{zoom,#ENV{zoom}|sinon{#CONFIG{config_gmaps_v3/zoom}}|sinon{15}})]
    [(#SET{mapType,#ENV{mapType}|sinon{#CONFIG{config_gmaps_v3/mapType}}|sinon{SATELLITE}})]
    [(#SET{nomCarte,#ENV{nomCarte}|sinon{#CONFIG{config_gmaps_v3/nomCarte}}|sinon{carte_gmaps_v3}})]

    [(#SET{json,#URL_PAGE{#ENV{json}}|sinon{#URL_PAGE{json-tousLesArticles}}})]
    [(#SET{icon,#ENV{icon}|sinon{#CHEMIN{theme/img/gmaps_v3-24.pn}}})]
    [(#SET{lienUrl,#ENV{lienUrl}|sinon{'rien'}})]

    <script type="text/javascript" charset="utf-8">       
    function affichageNormal(){
            var latLng = new google.maps.LatLng(#GET{latitude},#GET{longitude});
            var options = {
                    center: latLng,
                    zoom: #GET{zoom},
                    mapTypeId: google.maps.MapTypeId.#GET{mapType}
            };
            var laCarte = new google.maps.Map(document.getElementById("#GET{nomCarte}"), options);

            var url="#GET{json}";
            jQuery.getJSON(url,function(lesMarqueurs){
                    jQuery.each(lesMarqueurs,function(i,leMarqueur){

                            var marqueur = new google.maps.Marker({
                                    position: new google.maps.LatLng(leMarqueur.latitude,leMarqueur.longitude),
                                    title: leMarqueur.titre,
                                    map: laCarte,
                                    icon: '[(#GET{icon})]'
                                    //draggable: true
                            });
                      var contenuInfoBulle = '<div id="conteneurInfoBulle">' +
          '<h1>Titre de l\'info-bulle</h1>' +
          '<div id="texteInfoBulle">' +
          '<p>Maternité.</p>' +
          '<p><a href="'+ leMarqueur.lienUrl + '" title="'+ leMarqueur.titre+'" target="_parent">Lien article souhaite</a></p>' +
          '</div>' +
          '</div>';
                     var infoWindow = new google.maps.InfoWindow({content:contenuInfoBulle});
                            google.maps.event.addListener(marqueur, 'click', function() {infoWindow.open(laCarte, marqueur); });

                    });
            });
    }

    jQuery(document).ready(function() {       
            affichageNormal();
    });
    </script>

    Tout ceci est bien evidemment valable pour moi (testé avec ie8, firefox3.6) et peux ne pas fonctionner sur votre squelette
    en esperant vous avoir aidé
    Alex

    • Le 25 décembre 2010 à 07:30, par benolaos En réponse à : Google Maps API v3

      Brillant !!!
      On aimerait avoir ça natif dans le plugin ;-)

      J’utilise cette fonction pour faire un plan d’une ville et renseigner cette carte par des emplacements différenciés. Malheureusement, je n’arrive désespérément pas à :
      -  afficher les logos des rubriques parentes
      -  n’afficher que l’emplacement du seul article (les différentes boucles ne semblent pas fonctionner...) et non de tous les articles...

      Une idée ?
      En tout cas merci pour ce script !!!

    • Le 27 décembre 2010 à 03:53, par benolaos En réponse à : Google Maps API v3

      Autre énigme : comme TroOn, je voulais faire un test avant d’afficher, sur Latitude pourquoi pas.

      1. [(#LATITUDE|oui)
      2. [(#SET{zoomperso,#ZOOM|sinon{14}})]
      3. <INCLURE{fond=theme/js/gmaps_v3.js,latitude=(#LATITUDE),longitude=(#LONGITUDE),zoom=(#GET{zoomperso}),nomCarte=luangprabang,mapType=HYBRID,json=json-unArticle}></INCLURE>
      4. <div id="luangprabang" style="width:500px; height:420px"></div>
      5. ]

      Télécharger

      J’obtiens l’erreur « Filtre zoom= non défini ».
      J’ai essayé la méthode des inclusions successives, mais la carte ne s’affiche pas...
      Des idées ?

    • Le 4 janvier 2011 à 21:42, par ad En réponse à : Google Maps API v3

      Bonsoir, pour te repondre Benolaos, les diverses boucles ne marchent pas et c’est dû au « json » transmis au script JS (dans json-tousLesArticles.html) qui pourtant semble bien formé,mais qui foire quand on essaye de changer la definition de la boucle par ex : {#ID_RUBRIQUE= #ENV{variable}} alors que ça fonctionne avec {#ID_RUBRIQUE=5}.
      J’ai contourné le probleme et posterais du code prochainement, j’utilise le script avec une table aditionnelle et non pas avec des articles donc il falait absolument que ça fonctionne, Pour le [(#LATITUDE|oui)  ] cela ne fonctionne pas non et c’est du a SPIP qui visiblement (je me trompe peut-etre... si des specialistes de SPIP peuvent nous eclairer) a du mal à avaler un div inclus.
      Donc je suis parti sur autre chose qui sera plus orienté modele à inclure dans un article sous la forme <cartegmap|> par exemple qui sera plus facile a mettre en oeuvre sans modifier le code de l’article. pour peut-etre le mettre dans le plugin par la suite.

    • Le 5 janvier 2011 à 04:37, par benolaos En réponse à : Google Maps API v3

      Sabaidee Ad,

      Hum, ça promet ! Et bien attendons donc patiemment que les développements se fassent pour le plus grand bien de la communauté SPIP. A bientôt, bonne chance et bonne année !!!

    • Le 5 janvier 2011 à 16:31, par xdjuj En réponse à : Google Maps API v3

      Bonjour ad.

      Je t’invite à revoir déjà tes bases de SPIP sur les boucles :
      http://www.spip.net/fr_article898.html

      #ID_RUBRIQUE n’a jamais été (à ma connaissance) un critère de boucle, pas étonnant que ta boucle ne fonctionne pas : {id_rubrique = #ENV{variable}} semblerait plus indiqué dans ton cas.

      Quant au « div inclus » je ne sais pas ce que c’est. [(#LATITUDE|oui) ici du HTML ] fonctionnera parfaitement bien. J’ai surtout l’impression que tu as une boucle plutôt que du HTML certainement [(#LATITUDE|oui) <BOUCLEtruc> ], et ça, ça n’est pas permis. Si c’est ce que tu souhaites faire, tu dois alors utiliser des inclusions [(#LATITUDE|oui) <INCLURE truc> ] avec inclure truc qui contient ta boucle -> http://www.spip.net/fr_article1828.html .

      J’ai l’impression qu’il te faut revoir un petit peu tes bases avant d’aller plus loin :)

      Bonne soirée.

    • Le 6 janvier 2011 à 05:35, par ? En réponse à : Google Maps API v3

      Bonjour xdjuj,

      Pour aller encore plus loin (car j’ai essayé vraiment X possibilités où X>50), alors comment fait-on, en fing deu congte ? Parce que pour l’instant :
      -  (#LATITUDE ne fonctionne pas. Comment peut-on n’afficher les cartes que sur les articles renseignés ? Une idée, en fin de compte ?
      -  Toujours impossible de trouver une soluce pour n’afficher que le pointeur seul de l’article (et non tous les pointeurs d’un coup)

      Car si en ce début d’année tu as la réponse à ces questions en suspend, il y en aura certainement pour apprécier (car il semble que nous soyons vraiment nombreux à vraiment kiffer ce plugin... et à en chercher des fonctionnalités supplémentaires).

    • Le 7 janvier 2011 à 11:19, par ad En réponse à : Google Maps API v3

      Bonjour xdjuj,

      Tu as parfaitement raison, sur le #ID_RUBRIQUE= bla bla grossières erreurs de retranscription sur mon post (et c’est pas la première mais je clique plus vite que mon ombre sur ce genre de choses, contrairement à mon habitude).
      Mais de toute manière, même avec un code spip « propre » sur le plugin entièrement d’origine, on ne peut pas modifier la boucle simplement, comme tu l’as indiqué, (dans le fichier de production du json) car cela ne fonctionne plus, malgré le fait que le json soit valide (enfin il me semble, il me semble surtout que le jQuery.getJSON n’as pas beaucoup d’humour ;) ) ou bien je suis passé a coté, ce qui est fort probable mais je ne suis visiblement pas le seul.

      Pour le « div inclus » je pensais seulement au div que l’on rajoute pour afficher la carte sous le #INCLURE. mauvaise explication de ma part.

      Pour ma méconnaissance SPIP, tu as encore raison, et pour me trouver une bonne excuse je ne l’utilise que depuis un mois et demi et ne suis pas sur d’avoir tout compris... mais bon je fais avec.

      Le fait est que je ne veut pas modifier le code des rubriques ou articles pour insérer une carte et que je préfère la notion de « modèle », j’ai réussi à modifier le code fourni pour arriver à mes fins et c’est à mes yeux le principal même si ce n’est pas très « académique ».

      Merci de tes éclaircissements et de t’être intéressé à mon post.

      Merci encore a ceux qui partagent avec nous des plugins aussi sympa que celui-ci.

      Bonne journée.
      Alex

    • Le 12 janvier 2011 à 19:55, par ad En réponse à : Google Maps API v3

      Bonjour Benolaos

      Désole si le style informatique est un peu tiré par les cheveux (spip et javascript mélés pas terrible...) mais bon moi il me sert bien, probleme quand même avec les bulles des marqueurs qui ne fonctionnent pas correctement (je les ais desactivées dans ce bout de code)...

      Donc ci-dessous un petit script qui doit se deposer dans un repertoire « modeles » que tu auras créé dans le plugin
      googlemaps.

      il se nomme chez moi testmap.html, tu le nomme comme tu veux !
      à condition de l’appeller correctement depuis l’article ou tu le positionneras

      il est appellé directement dans le texte d’un article (espace privé) de cette maniere par exemple :

      <testmap|latitude=48.85000|longitude=2.330000|zoom=11|mapType=HYBRID|
      nomCarte=carteComplete|numrub=1>

      les parametres sont en commentaires dans le code

      attention à bien center la carte et le niveau de zoom.

      [(#CACHE{0})]
      [(#REM) modele pour afficher une carte GoogleMaps
              parametres:
              |latitude= :latitude de centrage de la carte
              |longitude= :longitude de centrage de la carte
              |zoom= :zoom appliqué à la carte
              |mapType= : type de carte HYBRID,SATELLITE,ROADMAP
              |nomCarte= : nom du div pour affichage
              |numrub= :numero de la rubrique contenant les articles à afficher
      ]

      [(#SET{latitude,#ENV{latitude}|sinon{#CONFIG{config_gmaps_v3/latitude}}|sinon{42.112614}})]
      [(#SET{longitude,#ENV{longitude}|sinon{#CONFIG{config_gmaps_v3/longitude}}|sinon{8.701987}})]
      [(#SET{zoom,#ENV{zoom}|sinon{#CONFIG{config_gmaps_v3/zoom}}|sinon{11}})]
      [(#SET{mapType,#ENV{mapType}|sinon{#CONFIG{config_gmaps_v3/mapType}}|sinon{SATELLITE}})]
      [(#SET{nomCarte,#ENV{nomCarte}|sinon{#CONFIG{config_gmaps_v3/nomCarte}}|sinon{carteComplete}})]
      [(#SET{numrub,#ENV{numrub}|sinon{2}})]

      [(#SET{icon,#ENV{icon}|sinon{#CHEMIN{theme/img/marqueurmap.gif}}})]
      [(REM) affichage du div recevant la carte]
      <div id="carteComplete" style="width:100%; height:350px"></div>

      <script type="text/javascript" charset="utf-8">
      function affichageNormal(){
              var latLng = new google.maps.LatLng(#GET{latitude},#GET{longitude});
              var options = {center: latLng,zoom: #GET{zoom},mapTypeId: google.maps.MapTypeId.#GET{mapType}        };
              var laCarte = new google.maps.Map(document.getElementById("#GET{nomCarte}"), options);

      <BOUCLE_LesArticles(ARTICLES){id_rubrique=#GET{numrub}}>

                      var leTitre ="#TITRE"
                      var LatLng = new google.maps.LatLng('#LATITUDE','#LONGITUDE');
                      var marqueur = new google.maps.Marker({position: LatLng,title: leTitre ,map: laCarte,icon: '[(#GET{icon})]'});

                        var contenuInfoBulle = '<div class="conteneurInfoBulle">' +
                                '<h2>Votre Titre:</h2>' + '<br />' + leTitre + '<br />'
                              '</div><!-- .conteneurInfoBulle -->';

                       var infoWindow = new google.maps.InfoWindow({content:contenuInfoBulle});
                       //infoWindow.open(laCarte,marqueur);
                      //        google.maps.event.addListener(marqueur, 'click', function() {infoWindow.open(laCarte,marqueur); });
      </BOUCLE_LesArticles>
                      };

      jQuery(document).ready(function() {affichageNormal();});
      </script>

      En esperant que cela puisse au moins servir à une personne, en attendant que je comprenne mieux comment le javascript fonctionne (mais pas le temps pour l’instant je me bat avec les boucles spip).

      A plus
      Alex

    Répondre à ce message

  • Le 19 décembre 2010 à 13:46, par ad En réponse à : Google Maps API v3

    Re bonjour,
    Je me heurte a un pb dans le code que j’ai soumis à l’instant
    dans le fichier « json-mes-articles.html » la boucle article :

    1. <BOUCLE_LesArticles(ARTICLES){par id_rubrique}>
    2. ...
    3. </BOUCLE_LesArticles>

    Télécharger

    Le pb est que le filtre par id_rubrique ne fonctionne pas et j’affiche sur la carte des marqueurs issus d’article provenant d’autres rubriques.
    Quelqun aurait t’il une idée ? probleme d’envoi du contexte ?
    Merci
    Bonne journée
    Alex

    • Le 7 janvier 2011 à 11:36, par ad En réponse à : Google Maps API v3

      Re bonjour xdjuj,
      Comme je le signifiais à l’instant, j’ai écris sur les posts sans me relire avant de cliquer.
      La preuve sur le post du dessus ou je pensais écrire {id_rubrique= #bla bla} et non pas
      {par id_rubrique} qui ne veut effectivement rien dire.
      Désolé, je comprends que vous ne puissiez pas m’aider dans ce cas précis.

      Merci encore.
      Alex

    • Le 7 janvier 2011 à 12:28, par xdjuj En réponse à : Google Maps API v3

      Je ne sais plus où sont tes problèmes en fait :D

      Essaye une boucle genre
      <BOUCLE_LesArticles(ARTICLES){id_article}> pour afficher sur tes articles.

      Sinon comme indiqué c’est une contrib en chantier, elle est vide de variantes pour le moment, elle est donc plutôt destinés à ceux qui savent déjà utiliser l’API de Google.

      Tu trouveras 2 plugins parfaitement fonctionnels, beaucoup plus complets et activement tenus à jour ici :

      Ca te fera sûrement gagner du temps tant que cette contribution n’est pas plus avancée :)

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?
  • [Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Un retour d’expérience d’utilisation de Formidable

    26 octobre – commentaires

    Il s’agissait de créer un formulaire d’inscription à un évènement modérer les inscriptions dans le privé publier les inscriptions dans le public Nous avons discuté de cette présentation lors de l’apéro SPIP du 15 février 2016 à la Cantine (...)

  • Métas +

    3 décembre – 14 commentaires

    Améliorez l’indexation de vos articles dans les moteurs et leur affichage sur les réseaux sociaux grâce aux métadonnées Dublin Core, Open Graph et Twitter Card. Installation Activer le plugin dans le menu dédié. Dans le panel de configuration, (...)

  • Adaptive Images

    15 novembre 2013 – 69 commentaires

    Un plugin pour permettre aux sites responsive d’adapter automatiquement les images de la page à l’écran de consultation. Adaptive Images, que l’on pourrait traduire par Images adaptatives, désigne la pratique qui vise à adapter les taille, (...)

  • Social tags

    8 septembre 2008 – 428 commentaires

    Le plugin Social Tags permet d’ajouter des icônes de partage de liens vers les sites tels que Digg, Facebook, Delicious.... Une fois le plugin installé et activé (voir doc.), le choix des sites se fait via un menu de configuration. Insertion (...)

  • Module de Paiement Stripe

    17 octobre – commentaires

    Stripe est un prestataire de paiement externe https://stripe.com/fr qui propose une API moderne et une interface de paiement extrêmement conviviale et efficace. Ce module permet les paiements à l’acte et les paiement récurrents. Configuration (...)

Ça spipe par là