Tutoriel : créer une carte interactive avec GIS4 - commentaires

Tutoriel : créer une carte interactive avec GIS4

Bonjour,
Arghhhh..... je viens de me prendre la tête avec GIS4 pendant DES JOURS “à cause” de cet article.
Au départ je souhaite faire une carte dynamique, donc je me suis basé sur cet article.
Ensuite, j'ai souhaité afficher des points au premier affichage de la carte et je n'y arrivais pas.
En fait, j'ai placé dans mon squelette la ligne (adaptée) que l'on trouve dans cette section :

[(#MODELE{carte_gis,objets=touslesmots,id_groupe=2})]

Ensuite je galère tellement à avoir des points avant filtrage que je reprends le point de départ avec ça :

[(#INCLURE{fond=modeles/carte_gis,zoom=8,limit=100,scale=oui})]

et là ça marche !

Pourquoi donc, dans cet article de carte interactive, ne met-on pas le #INCLURE au lieu de #MODELE (pour éviter certaines prises de têtes...) ?
Merci

Tutoriel : créer une carte interactive avec GIS4

Exactement ce que je cherche pour http://www.ville-jeux.com/-L-ecosysteme-.html
Good Job !

On peut se contacter en pv ?

Tutoriel : créer une carte interactive avec GIS4

Merci pour votre doc, j'ai appliqué votre exemple en affichant des articles et des annuaires de contacts et organisations
http://www.ville-jeux.com/-L-ecosysteme-.html

Tutoriel : créer une carte interactive avec GIS4

cool, ça ne retire pas ma proposition, si quiconque de compétent veut modifier, corriger, compléter, GIS : légende par mots clés.
(je viens de corriger que $erreurs['message_erreur'] = 'faites un Choix' ; était inutile ! ma compréhension de ces codes est très superficiel)

Tutoriel : créer une carte interactive avec GIS4

Salut, je viens de publier l'article que tu cites, désolé pour le délai...

Tutoriel : créer une carte interactive avec GIS4

Bonjour,
comme dit dans cet échange sur gis4, j'ai exploité une autre piste qui me semble (?) faire un peu la même chose,
et donc, suite aux encouragement de b_b, un article est depuis le 6 mars dans l'espace privé, en attente de correction, validation ...
Mais je n'arrive pas à trouver les mots qu'il faut ...
Si Yohooo ou quiconque voulait bien regarder art4971, compléter, modifier, supprimer ...
ce serait super !

Tutoriel : créer une carte interactive avec GIS4

Hé bien non, pas d'exemple aussi complexe.

Tutoriel : créer une carte interactive avec GIS4

Bonjour Yohooo,

Y aurait-il un nouvel exemple qui serait (re)apparu depuis janvier ?

Merci pour ce tuto !!

françois

Tutoriel : créer une carte interactive avec GIS4

Bonjour,
J'aimerai affiché une image searching.gif avant l'affichage des résultats, je me demande ou est ce que je dois placer l'image..Merci de votre aide

Tutoriel : créer une carte interactive avec GIS4

Tout se perd ...
Je n'ai plus d'exemple sous la main !

Tutoriel : créer une carte interactive avec GIS4

On dirait que ce nouveau lien n'est plus actif on plus.

Tutoriel : créer une carte interactive avec GIS4

Bonsoir à tous et belle année 2017,

dans mon gis_touslesmots.html j'affiche les articles ayant le mot clé 6 et je souhaite afficher aussi les evenements ayant un mot du groupe 2. Malheureusement les evenements ne s'affichent pas, où est l'erreur ?

  {"type": "Feature", "geometry": {"type": "Point", "coordinates": [#LON, #LAT]}, "id":"#ID_GIS", "properties": { "title":[(#INCLURE{fond=json/inc_bulle2, id_article}|json_encode)][(#SET{logo_doc,''})] [(#SET{logo_doc,#LOGO_MOT|image_passe_partout{32,32}})] [(#GET{logo_doc}|oui) #SET{icon_w,#GET{logo_doc}|extraire_attribut{src}|largeur} #SET{icon_h,#GET{logo_doc}|extraire_attribut{src}|hauteur} [,"icon": (#GET{logo_doc}|extraire_attribut{src}|url_absolue|json_encode)], "icon_size": \[[(#GET{icon_w})],[(#GET{icon_h})]\], "icon_anchor": \[[(#GET{icon_w}|div{2})],[(#GET{icon_h})]\], "popup_anchor": \[1,[-(#GET{icon_h}|div{1.2})]\]] }} 

  {"type": "Feature", "geometry": {"type": "Point", "coordinates": [#LON, #LAT]}, "id":"#ID_GIS", "properties": { "title":[(#INCLURE{fond=json/inc_bulle2, id_evenement}|json_encode)][(#SET{logo_doc,''})] [(#SET{logo_doc,#LOGO_MOT|image_passe_partout{32,32}})] [(#GET{logo_doc}|oui) #SET{icon_w,#GET{logo_doc}|extraire_attribut{src}|largeur} #SET{icon_h,#GET{logo_doc}|extraire_attribut{src}|hauteur} [,"icon": (#GET{logo_doc}|extraire_attribut{src}|url_absolue|json_encode)], "icon_size": \[[(#GET{icon_w})],[(#GET{icon_h})]\], "icon_anchor": \[[(#GET{icon_w}|div{2})],[(#GET{icon_h})]\], "popup_anchor": \[1,[-(#GET{icon_h}|div{1.2})]\]] }}

Tutoriel : créer une carte interactive avec GIS4

Bonjour Pierre,
désolé pour mon retour tardif.
Tu dis de reprendre la partie 3 : mon étape 3 ou celle du pas à pas ?
- Si c'est mon étape 3, c'est le code des fichiers gis_touslesmots.html et gis_articlesmot.html qui ne va pas ?
- Si c'est l'étape 3 du pas à pas c'est sur gis_articlesmot qu'il ya une précision à faire ?
Peux-tu m'aiguiller.

Merci pour tout
jérôme

Tutoriel : créer une carte interactive avec GIS4

Il faut reprendre le code de la partie 3 pour que cela fonctionne du coup.

Tutoriel : créer une carte interactive avec GIS4

Bonsoir Pierre,

Voici le lien vers la page où je teste cela...http://machilly.oak-webdesign.com/spip.php?rubrique46

Merci d'avance pour votre avis
Jérôme

Tutoriel : créer une carte interactive avec GIS4

Bonjour,

Un lien pour voir ?

Tutoriel : créer une carte interactive avec GIS4

Bonjour,
J'essaye de mettre en oeuvre ce tutoriel mais j'avoue sans succès... Je retrace ici mes étapes.
1. Je créée un groupe de mots clés (le N°2) cela tombe bien. Dedans je créée des mots clés auquel j'associe un logo/marqueur.
2. Je créée une rubrique dans laquelle je créée des articles auxquels j'associe un mot clé du groupe 2
3. Je créée les fichiers gis_touslesmots.html et gis_articlesmot.html que je place dans le dossier squelettes/json
4. Je créée un fichier rubrique.html de mon choix, chez moi rubrique=46 ou je place certains codes : celui de votre étape 1, celui de votre étape 4 et enfin celui de votre étape 5
enfin si j'ai bien compris.
là mon résultat fait bien apparaître une carte avec mes points qui redirige vers un article
Mais, ils n'ont pas comme logo, le logo de leur mot clé
Mais, la liste des mots clés apparaît bien avec leur logo, mais rien n'est cliquable

Est-ce que quelqu'un peut prendre un peu de temps pour me dire ce que je n'ai pas compris ?
En vous remerciant d'avance

Jérôme

Tutoriel : créer une carte interactive avec GIS4

Finalement, removeAllMarkers ne fonctionne pas si le plugin « Etiquettes » est activé (erreur javascript),
et ne fait rien si l'on affiche les clusters (cluster=oui)

Tutoriel : créer une carte interactive avec GIS4

bon, removeAllMarkers fonctionne bien...j'avais juste omis les parenthèses...

Tutoriel : créer une carte interactive avec GIS4

Bonjour,
je n'arrive pas à faire fonctionner cela en spip 3.1. La borne indiquée est 3.0, quelqu'un a-t-il une idée de comment faire en 3.1 ?
en particulier, map1.removeAllMarkers(); ne fonctionne pas chez moi.

PAr ailleurs, est-ce vraiment ce code qui est exécuté sur le site montré en exemple ?

Tutoriel : créer une carte interactive avec GIS4

Merci RealIET.

J'ai changé le lien par un autre site qui affiche une carte basée sur le même code.

Tutoriel : créer une carte interactive avec GIS4

Dans le chapeau, le lien sur l'exemple n'est plus bon : le nom de domaine a été racheté par des spameurs.

Tutoriel : créer une carte interactive avec GIS4

Merci Yohooo,
ça marche toujours pas, j'ai fais le changement mais toujours rien...Vous pouvez consulté le lien. Pour info, j'ai mis ce code dans rubrique.html est ce que le bon endroit ?? Merci de votre aide

Tutoriel : créer une carte interactive avec GIS4

Bonjour Manou,

Tu as juste mis style=« javascript » au lieu de type=« text/javascript » dans ta balise script.

Si tu modifies ce détail, ça marchera.

Tutoriel : créer une carte interactive avec GIS4

Bonjour tout le monde,
J'essaie d'adapter cette carte, mais je bloque au numéro 5
5./ Enfin, ajoutons les fonctions javascript qui filtreront les points après un clic sur l'un des boutons générés ci-dessus.

ou est ce qu'il faut mettre ce code

  $('.markermot[(#ID_MOT)]').click(function(){ map1.removeAllMarkers(); map1.parseGeoJson({"type": "FeatureCollection",	"features": [[(#INCLURE{fond=json/gis_articlesmot}{id_mot=#ID_MOT}{limit=500})]]}	); $('#listedroite').load('[(#URL_PAGE{listedroite,id_mot=[(#ID_MOT)]}|replace{'&amp;','&'}|url_absolue)]'); });

Mes logos ne bouge pas après click, je ne sais vraiment pas ce que j'ai loupé

voici mon url Site

Tutoriel : créer une carte interactive avec GIS4

Bonjour,

Après réinstall sur un SPIP propre (3.0.17) les erreurs SQL ont disparu.

La partie logo de mot clés + carte fonctionne (sauf que le clic sur les logos modifie aussi la barre admin-float, mais bon ça c'est pas trop gênant pour le visiteur).

Par contre la partie appel du fichier squelettes/listedroite.html ne fonctionne pas : la liste des articles n'est pas mise à jour en fonction du mot clé lorsque l'on clique sur un logo de mot.

Au début du fichier liste droite j'ai :



Cliquez sur un titre ci-dessous pour l'afficher sur la carte :
[(#LOGO_MOT|image_reduire{19})] [(#TITRE)]

mais aucun logo ni titre ne s'affiche. donc le #ID_MOT n'est visiblement pas transmis.

Donc en résumé je sèche complètement.

Tutoriel : créer une carte interactive avec GIS4

Bonjour
J'aimerais voir l'exemple de la carte interactive mais le lien indiqué (cet exemple) est protégé

Merci d'avance,
jean-François

Tutoriel : créer une carte interactive avec GIS4

Le plugin a dû évoluer.

Il faut adapter les boucles.

Tutoriel : créer une carte interactive avec GIS4

Bonjour,

Je fais des tests en local mais comme c'est très bloquant je le mettrais en ligne si tu veux regarder.
Et aussi j'ai :
Erreur SQL 1054 Unknown column 'gis.departement' in 'field list'
dans squelettes/json/gis_articlesmot.html _art 1

Merci
dd

Tutoriel : créer une carte interactive avec GIS4

Salut DD,

Un ptit lien vers la page où se trouve ton site pourrait peut-être m'aider à te répondre.

Tutoriel : créer une carte interactive avec GIS4

Bonjour,

J'essaie de mettre en œuvre cette carte interactive très pratique mais j'ai du mal :
en recopiant texto le code de cet article dans un squelette rubrique j'ai bien les logos et la liste des mots clé, la carte avec tous les logos et les points, la liste des articles à droite.

mais aucun des liens javascript n'est actif sur les mots clé pour le filtrage.

Si j'ai bien saisi le contenu du point 7 ci-dessus remplace le contenu du point 5. Même en décommentant