S'identifier - S'inscrire - Ecrire un article - Contact

Affichage des articles géolocalisés sur une carte

Par stephane • Actualités • Jeudi 11/02/2010 • 42 commentaires  • Lu 4477 fois • Version imprimable

Mots-clés : , , , ,


Hier, afficher une carte pour chaque article, c'était bien, aujourd'hui, pouvoir afficher une carte avec tous les articles, ou une partie des articles, c'est encore mieux !

Carte des cueillettes à la ferme
Carte des cueillettes à la ferme


En pratique c'est tout simplement une nouvelle option pour les commandes d'affichage des articles. Il suffit d'ajouter à la fin .carte ou .carte(largeur,hauteur)

Par exemple pour afficher tous les articles géolocalisés sur une carte de 100% de largeur et 500 pixels de hauteur, il faut utiliser la commande [ [afficher les articles] ].carte(100%,500)  (sans les espaces entre les crochets).

La carte est automatiquement placée et zoomée pour qu'elle contienne tous les articles correspondants à la commande.

Passer la souris sur les marqueurs permet de voir le titre de l'article en infobulle. Un clic permet d'afficher une fenêtre d'information avec un lien vers l'article, l'adresse, et si l'article contient des images, la vignette de l'article.

C'est un avantage de ViaBloga qu'on devrait peut être plus mettre en avant : il y a moins de choix de modules que sur certains logiciels de blogs et CMS à installer (où il est commun de trouver plusieurs modules pour une même fonction), mais les différentes fonctions sont beaucoup mieux intégrées les unes avec les autres. Ici par exemple, la géolocalisation des articles, le système des mots-clés, les commandes, et les vignettes des articles s'intègrent parfaitement.

D'autres articles sur des thèmes similaires :


Commentaires

par OlivierMG le Vendredi 12/02/2010 à 01:23

OlivierMG génial ! :-)

oui, la gestion et la manipulation du contenu sont les gros avantages de viabloga ! Reste plus qu'à savoir emballer le tout de manière harmonieuse et à trouver une communication efficace pour bien présenter le paquet ! 


par sansrouge le Vendredi 12/02/2010 à 09:21

sansrouge Stephane, je... je... je t'aime
Façon de parler hein, 'tention ^^

DIVIN ! GENIAL !
Une plus value indiscutable pour la plate-forme entière ^^

Je sens que je vais bien m'éclater ^^

EDIT : juste un truc, si je souhaite également afficher la date de l'article, cela serait il possible ?


Re: par sansrouge le Vendredi 12/02/2010 à 17:38

sansrouge

juste un truc, si je souhaite également afficher la date de l'article, cela serait il possible ?
En fait, il suffit de localiser puis d'ajouter la date puis enfin "valider".
La date doit être ajouter après avoir cliqué sur le bouton "Trouver" afin que la date ne soit pas prise pour une longitude, un code postale, etc. ^^


par sansrouge le Vendredi 12/02/2010 à 10:44

sansrouge Est-ce moi ou le service de la carte générale ne fonctionne plus ?
J'ai du blanc !

Le nombre d'article y est il limité ?


EDIT :
Non, visiblement cela fonctione mais sur batellerie.org j'ai 18 articles référencés sur la carte et rien !!!
---> http://batellerie.org/texts/test-geolocalisation


Limitation des articles par sansrouge le Vendredi 12/02/2010 à 11:04

sansrouge Alors voilà la suite : 18 articles ne passent pas sur la carte !
Je trie par rubrique où 3 articles sont localisés et cela refonctionne...

Ouch et snif

Une mise au point à faire ? Ou est ce irréversible ?

EDIT : à 7 cela ne fonctionne déjà plus


Re: Limitation des articles par Stephane le Vendredi 12/02/2010 à 12:34

Stephane Laisse un test qui ne marche pas en ligne, pour que je puisse regarder.


Re: Limitation des articles par Stephane le Vendredi 12/02/2010 à 15:07

Stephane C'est corrigé. Ce n'était pas le nombre d'articles le problème, mais certains caractères dans les titres des articles.


Re: Limitation des articles par sansrouge le Vendredi 12/02/2010 à 16:43

sansrouge D'ENFER
Caractères dans les titres ?
C'est à dire ? (au cas où je pourrais éviter)...

Encore BRAVO pour cette fonctionnalité, sincèrement


Re: Limitation des articles par Stephane le Vendredi 12/02/2010 à 21:04

Stephane J'avais juste oublié d'échapper les guillemets, mais c'est corrigé.


A savoir par isabelle le Jeudi 18/02/2010 à 17:07

isabelle Les googles Maps ont un petit inconvénient : passé 200 pointeurs, elles mettent beaucoup de temps à s'afficher la première fois ds un navigateur. Au point de planter des vieux ordis avec une connexion basse par exemple.


Re: A savoir par Stephane le Jeudi 18/02/2010 à 17:53

Stephane Les Google Maps en général, où celle de ViaBloga en particulier ?

200 pointeurs, c'est déjà pas mal. Au delà il faut essayer de compartimenter je pense.

J'ai une idée qui me parait pas mal : faire des cartes à deux niveaux, avec les mots-clés en plus. Prenons un exemple fictif d'un site touristique qui présente 2000 lieux en France, avec un article par lieu. En plus de l'adresse sur la carte, on peut mettre un mot-clé qui indique la région. On géolocalise chaque mot-clé région. Ensuite on peut présenter la carte des mots-clés géolocalisés (ou on voit un rond plus ou moins gros sur chaque région). L'utilisateur clique sur le rond d'une région, et il arrive sur la carte des articles qui contiennent le mot-clé Bourgogne.


Re: A savoir par isabelle le Jeudi 18/02/2010 à 20:18

isabelle Les Google Maps en général 
(Je n'ai pas encore géolocalisé le répertoire des épiceries solidaires à partir de VB, même si ça me démange).
Oui, j'ai pensé aussi à l'idée de sous-cartes.
L'idée de pouvoir afficher dans une carte des adresses en utilisant le filtre des mots-clés va réjouira notre logisticienne : les épiceries qui sont accessibles avec un 35T, celles qui peuvent prendre des surgelés, celles qui sont livrables tel jour de la semaine. Rendez-vous compte, on va pouvoir faire des schémas logistiques grâce à un simple blog !! Incroyable ce VB...
Le seul hic, c'est qu'il faut se rentrer tous les champs d'adresses et de mots-clés à la main et créer un à un les articles. Il n'y aurait pas un truc pour importer les données ?


Re: A savoir par Stephane le Vendredi 19/02/2010 à 11:31

Stephane > Le seul hic, c'est qu'il faut se rentrer tous les champs d'adresses et de mots-clés à la main et créer un à un les articles. Il n'y aurait pas un truc pour importer les données ?

Tu as combien d'articles à créer ? Est-ce que les données changent souvent ? (i.e. faut il pouvoir resynchroniser ta base avec les articles, où il y a suffisamment peu de changements pour qu'ils puissent être faits à la main ?)

Il n'y a pas de fonction d'import, éventuellement on peut voir si on peut faire du sur mesure.


Re: A savoir par isabelle le Vendredi 19/02/2010 à 14:52

isabelle Actuellement j'ai 120 articles à créer pour réaliser la carte du site public.
Je pourrais ensuite faire les modifs à la main.
Est-ce qu'il y a un moyen pour que les mots-clés ne soient pas visibles pour ces articles (alors qu'ils le sont pour le reste du site), il y a des critères logistiques que je ne voudrais pas rendre visibles à tout le monde (certaines cartes ne seront accessibles que par les nouvelles rubriques privatives :-)). Ou alors je  mets ces mots-clés en couleur blanche comme le fond...


Re: A savoir par Stephane le Vendredi 19/02/2010 à 15:00

Stephane Pour l'instant il n'y a pas de moyen. Il y a déjà une suggestion pour les mots-clés "invisibles" si je me souviens bien.


Re: A savoir par nicola le Vendredi 19/02/2010 à 07:30

nicola Un peu comme ça Stephane ? ---> http://www.marinetraffic.com/ais/default.aspx?centerx=30&centery=25&zoom=2&level1=140


Re: A savoir par Stephane le Vendredi 19/02/2010 à 11:32

Stephane Tout à fait. Plutôt avec des ronds que des carrés. :-)


par OlivierMG le Vendredi 12/02/2010 à 19:46

OlivierMG ça serait cool effectivement si on pouvait changer le pointeur (une épingle actuellement).

L'idéal serait que l'épingle prenne la couleur définie dans le texte/mot-clé.

Pour reprendre l'exemple (excellent) de batellerie.org, on aurait ainsi par exemple sur la même carte des épingles bleues représentant les péniches habitées, des épingles vertes pour les péniches de transport de marchandises, ou en fonction du tonnage, etc.

Une autre carte pourrait représenter les péniches disponibles actuellement, celles qui seront disponibles cet été, etc.

Dans l'exemple du blog des fermes open-source ;-) de stéphane, une couleur pourrait être attribuée pour chaque type de fruit/légumes, ou gamme de tarifs, ou ouverture le we, ou accessibles aux écoles, etc.


Re: par Stephane le Vendredi 12/02/2010 à 21:04

Stephane Le plus simple, ça serait de faire une icône par rubrique. Comme 1 article = 1 rubrique, c'est parfait. Si les icônes sont liées aux mots-clés, il n'y a plus de correspondance 1 à 1, et c'est beaucoup plus lourd à gérer (complexité de l'interface et aussi du logiciel).


Re: par OlivierMG le Vendredi 12/02/2010 à 22:45

OlivierMG  mmmh... on perd beaucoup en souplesse quand même. Peut-être qu'il serait possible d'utiliser les mots-clés "parents". On n'a toujours pas de correspondance "1=1", mais c'est peut-être un bon compromis.

Par exemple, on peut avoir un texte/mot-clé "Accueil du restaurant", avec les mots-clés enfants (popup "dépend de" lorsque l'on rédige un texte) "très bon", "bon", "moyen", "hallucinant"...

ou un parent "Prix du repas" avec les enfants "10 - 15 euros", "16 -25 euros", "26 - 35 euros", etc.

L'avantage est que l'on utilise qu'un seul mot-clé dans la commande d'affichage d'articles : le parent. On pourrait même penser à ne plus utiliser les commandes d'affichages, et à mettre par exemple un icône "carte" dans la barre d'outils de l'éditeur visuel. 

L'utilisateur clique dessus, sélectionne le mot-clé parent dans un popup, et hop, la carte géo s'affiche automatiquement dans l'article à l'endroit du curseur, avec toutes les épingles de couleur (une couleur pour chaque enfant) sur la carte (la couleur de l'épingle pourrait être celle définie dans le texte enfant correspondant) :-)

Bien sûr, il reste à expliquer aux utilisateurs que les enfants d'un même parent sont exclusifs, et que deux ou plusieurs enfants d'un même parent ne peuvent pas se retrouver dans un même article. A moins qu'une alerte dans ce sens puisse automatiquement apparaître lorsque l'on met deux enfants d'un même parent dans un article.

Ou alors, il faut revoir toute la gestion et la présentation des mots-clés ! ;-)

Par exemple, sous l'article, la hiérarchie des mots-clés pourrait automatiquement apparaître (liste hiérarchique avec les "+"...). Les parents ne seraient pas sélectionnables, mais en face de chaque enfant d'un même parent, il y aurait un "bouton radio", de sorte que l'on ne puisse pas sélectionner deux enfants d'un même parent.

On clique donc sur les mots-clés que l'on veut voir apparaître dans l'article.

Il ne reste plus qu'à ajouter dans la barre d'outils de l'éditeur visuel des icônes "carte géographique routière", "carte géographique satellite", "tableau avec images", "tableau flash", "diaporama", etc.

Chaque fois, l'utilisateur aurait juste à sélectionner un (ou plusieurs ?) parent dans un popup, et automatiquement, le tableau/carte/diapo/etc. serait créé à l'endroit du curseur avec tous les enfants du parent sélectionné..

ça serait sécurisé, intuitif, etc. (beaucoup plus utilisé que les commandes d'affichage à mon avis)
et pour les utilisateurs avertis, il y aurait toujours les commandes d'affichage des articles pour aller plus loin..


Re: par Stephane le Samedi 13/02/2010 à 10:49

Stephane J'aime bien l'idée d'intégrer les commandes dans l'éditeur visuel. Par contre le système des mots-clés parents avec impossibilité d'être dans des branches différentes d'un même arbre, ça me parait compliqué à gérer et à expliquer. Et surtout ce n'est qu'une organisation possible des mots-clés, parmi plein d'autres.


Marqueurs, Icones, Mots-clés,Articles, Textes par Fix le Mardi 16/02/2010 à 02:58

Fix • Une correspondance 1 - 1 (1 article est "dans" 1 rubrique ), ça peut paraître séduisant ... mais :

• Si je considère un blog comme un ensemble de relations gérées par des mots-clés, cette limitation article -> rubrique me paraît ... limitante. 

• Prenons l'exemple de mon blog de dessins de presse. Un certain nombre de bestioles y apparaissent. Voir par ex. http://dessinsdefix.viabloga.com/texts/bestioles  

• J'incite les visiteurs à visiter par mots-clés (enfin, j'essaie, il faudrait que le design du blog soit ... nettement amélioré). Une carto par mots-clés, ce serait super ...

• Par ex., sur le mot-clé pétoncle, j'aimerais mettre sur une carte les articles-à-pétoncle, pour autant que les articles pointés par pétoncle soient dotés d'un mot-clé "cartographiable géographiquement". (Peut être  qu'un bit à 1 où 0 dans les data relatives à un article, suffirait à indiquer au programme "dans cet article il y a du géotruc potentiel") (Ce qui donne l'idée de metadata sur les mots-clés. Pas seulement cartographiques ...)

• Et sur la carte apparaîtraient des marqueurs standard, et / ou des marqueurs personnalisés.

• Bien sûr j'aimerais sur une même carte voir des escargots, des tanards, etc.

• Raffinement : selon la quantité de bestioles de telle espèce sises à Saint-Maur (par exemple), un code visuel servirait à indiquer la quantité.


• il serait utile de doter les textes (c.a.d. les mots-clés ...) des mêmes capacités carto que les articles.


• en guise de clonclusion (l'espoir donne des "L"), je ne vois pas de complexité particulière, ni dans l'interface utilisateur, ni dans le logiciel. Je vois (merci madame Irma) par contre des utilisateurs qui vont se régaler. 



• Il pourrait être intéressant de paramétrer les infobulles des mots-clés. Par ex., que l'infobulle signale que le mot-clé est cartographié xx fois. De même, une commande VB pourrait "lister" ce genre de renseignements, avec des résultats comme :
    tanard, 11 (articles), 6 (articles cartographiés), (liste des lieux). 

• Cartographions l'espace-temps ! Dans le blog de dessins, un mot-clé parent "dates" regroupe des mots-clés enfants (dates d'événements, etc. ).  Voir http://dessinsdefix.viabloga.com/texts/dates Ce pourrait être intéressant de "cartographier" des mots-clés sur des diagrammes-temps. On pourrait aussi envisager de cartographier géographiquement des "déplacements temporels" , par ex. des traits joignant l'apparition du tanard d'abord à Marseille, puis à Saint-Maur, etc.

• Pour la batellerie aussi, la notion de temps est intéressante. Je suppose qu'en général, un patron sait (prévoit) où il sera dans xx jours, ou encore en combien de jours (rayon d'action) il pourrait joindre l'endroit yy. Matérialiser sur une carte des jours-kilomètres, cela peut être intéressant pour le batelier, le chargeur, etc. 

• Tiens, une question : est ce que les équivalents de Google Maps Trajets / Google Street View existent  sur Google Maps pour la batellerie ? (et pour les ch. de fer, etc.).


Re: par sansrouge le Samedi 13/02/2010 à 09:19

sansrouge

Dans l'exemple du blog des fermes open-source ;-) de stéphane, une couleur pourrait être attribuée pour chaque type de fruit/légumes, ou gamme de tarifs, ou ouverture le we, ou accessibles aux écoles, etc.
Perso je suis preneur pour les couleurs !
J'ai 4 rubriques qui correspondent à la capacités de cale du bateau : - de 500T / entre 500 et 1000T / entre 1000 et 1500T / et les plus de 1500T

Si nous pouvions identifier les capacités d'un coup d'oeil sur la carte, ce serait encore plus top et pertinent !


Je reviens un instant sur la "date".
Après avoir "trouver" la géolocalisation d'un article, vous pouvez notifier tout ce que vous souhaitez dans la champs viabloga... là j'ai ajouté la date.
Mais il serait bcp plus pertinent d'avoir cette date aux côtés du titre de l'article !
De fait, un simple survole de souris permet alors d'apercevoir la date.


Pour terminer, lorsque plusieurs articles pointent vers une ville/zone identique, vous devez préciser l'une des géolocalisation afin de la voir également apparaître sur la carte générale.
Ne serait il pas possible d'avoir un pointeur qui affiche une info-bulle avec les 2, 3, voir plus, articles qui pointent sur le même lieux ?



Re: par Stephane le Samedi 13/02/2010 à 10:28

Stephane > J'ai 4 rubriques qui correspondent à la capacités de cale du bateau : - de 500T / entre 500 et 1000T / entre 1000 et 1500T / et les plus de 1500T

Une icône pour chaque rubrique, ça me parait faisable relativement facilement.

> il serait bcp plus pertinent d'avoir cette date aux côtés du titre de l'article

Je pense ajouter des options dans la présentation du contenu pour qu'on puisse choisir ce qui est mis dans l'infobulle du survol, et dans la fenêtre d'information lors d'un clic. (le titre, la date, la rubrique, la vignette etc.)

> Ne serait il pas possible d'avoir un pointeur qui affiche une info-bulle avec les 2, 3, voir plus, articles qui pointent sur le même lieux ?

C'est jouable.


Re: par sansrouge le Samedi 13/02/2010 à 12:37

sansrouge Je trépigne d'impatience


Truc & astuce ^^ par sansrouge le Vendredi 12/02/2010 à 21:55

sansrouge Autre chose, lorsque 2 articles pointent la même géolocalisation, seul le premier semble pris en compte.

Exemple avec "Valenciennes" où 2 bateaux y sont référencés !
Un le 12/02 et un le 18/02...

le 12 ---> http://batellerie.org/news/0517-t-sandra
le 18 ---> http://batellerie.org/news/1500-t-ra

Afin de les distinguer, pour le "18" je zooms sur la ville pour cliquer sur l'Escaut afin de faire une distinction.
Google maps retient l'adresse ainsi pointé que je peux ensuite effacer dans le formulaire viabloga pour n'afficher que le nom de la ville (ou encore ajouter ce que je veux) ^^

La carte générale ---> http://batellerie.org/texts/test-geolocalisation



Exportation par sansrouge le Samedi 13/02/2010 à 09:42

sansrouge Question : est il possible d'exporter d'un blog viabloga à un autre la carte générale des articles ?

Par exemple, j'aimerais afficher la carte de batellerie.org sur bordabord.org (géolocalisation de la flotte en attente d'affrètement).
Possible ?

Et cela est il possible de fournir un code qui copié sur n'importe quelle site afficherait cette carte ?



Re: Exportation par OlivierMG le Samedi 13/02/2010 à 09:56

OlivierMG  tu peux utiliser un iframe. C'est une balise HTML qui te permet d'inclure une page HTML dans une autre.

http://pagesperso-orange.fr/bernard.quevillier/toposnew/iframe.htm

ex :



Dans la page où il y a ta carte, il faudrait enlever tout ce qui ne concerne pas ta carte (bannière, blocs, etc.). Tu peux pour cela par exemple utiliser une transclusion d'un fichier CSS. ça doit être expliqué quelque part sur vdv.


Re: Exportation par sansrouge le Samedi 13/02/2010 à 12:36

sansrouge Merci pour la réponse !
Cela me semble (pas) bien compliqué...
Pas compliqué à réaliser mais compliqué à trouver la bonne info pour la marche à suivre.
J'ai été voir dans les tuto, mais rien

N'y aurait il pas une bonne âme pour nous expliquer, à moi et sans doute bcp d'autres, comment faire via un tuto ?
Si je puis aider pour sa contribution, d'une manière ou d'une autre, je suis bien entendu présent.


Re: Exportation par OlivierMG le Dimanche 14/02/2010 à 10:42

OlivierMG  En fait, il faut créer un texte, avec par exemple le nom "StyleCarte".

Dans ce texte, tu y met la balise Head avec le code CSS qui permet de modifier l'apparence de la page, par exemple :


Dans cet exemple, on part du principe que tu as une bannière (image) en haut du blog identifiée par le div "Banniere". Avec "display:none", tu fait disparaître cette bannière.

Il ne te reste plus qu'à faire une transclusion de ce texte dans tous les articles/textes dans lesquels tu veux faire disparaître la bannière (dans notre exemple).

Pour cela, il suffit que tu écrives en haut du texte/article le nom de la transclusion entre double-crochets :

{ {StyleCarte} }
(enlever les espaces entre les crochets)

Le moteur de viabloga remplacera automatiquement cette ligne par le code CSS qu'il mettra dans le head de la page. Bref, tu peux modifier comme cela totalement l'aperçu de chacune de tes pages, c'est extrêmement puissant, mais comme tu peux le voir, il faut s'y connaître un peu en CSS, mais tu peux aussi faire appel à un développeur externe, c'est du code standard.


Re: Exportation par sansrouge le Dimanche 14/02/2010 à 11:19

sansrouge Merci Olivier pour ta patiente et ton exemple !
Ne te "fatigue" pas trop, je suis déjà largué et perdu...
En fait j'ai tellement de chose en tête, qu'elle ne peut se concentrer sur le "code"...

Je me contenterai donc de "bidouiller" à la sauce "amateur" qui me va plutôt bien jusque là ^^
A moins bien sûr qu'un tuto qui me/nous prenne par la main... huuuum ? ^^
Non mais là j'abuse ^^


Re: Exportation par sansrouge le Dimanche 14/02/2010 à 10:26

sansrouge Re...
Sans transclusion de machin, ça fonctionne même si tout le bloc est ainsi exporté...


IE par nicola le Lundi 15/02/2010 à 14:20

nicola Bonjour,

Est-ce normal/connu que la géolocalisation pose problème avec IE ?
Y a t il quelque chose à faire à part changer de navigateur (même si c'est une bonne chose ^^)

C'est juste au cas où l'on me pose cette question !


BaB

EDIT : je retire... cela fonctionne ! Simplement que sous IE, par défaut, le zoom est à son maximum au bon milieu du Pacifique ^^
En dézoomant, plus de souci...
Cela me le fait aussi de temps en temps sous firefox.

Y a t il quelque chose à faire ?

Re EDIT: désolé... eh bien non, j'ai bien la carte complète de la Terre mais rien en ce qui concerne la localisation des articles...
Est ce ma machine ?

Re Re EDIT (et point final) : après redémarrage, plus de souci... sacré windows va ^^


Re: IE par Stephane le Lundi 15/02/2010 à 15:26

Stephane En fait c'est moi qui testait un truc :-D


Re: IE par nicola le Lundi 15/02/2010 à 15:32

nicola lol
'acré Stephane va ;-)


test ? par Marc du Chaffaut le Vendredi 05/03/2010 à 14:39

Bonjour Stéphane,
Fais-tu encore des tests ? parce que la localisation d'un article ne semble plus marcher.
Le bouton "[_] Associer un lieu à l'article" marche bien, mais la carte n'apparait plus avec l'article publié !

Edit : Oups ! Encore une fois, j'ai parlé trop tôt. J'ai vu un parametre dans Admin / mise en page / présentation du contenu qui permet de spécifier si la localisation sera affichée.


bug ? par nicola le Lundi 08/03/2010 à 16:00

nicola Il y a un souci avec la géolocalisation sur batellerie.org !
Cela ne fonctionne plus...


Re: bug ? par Stephane le Lundi 08/03/2010 à 16:15

Stephane Tu as coché les nouvelles cases dans le menu Présentation du contenu ?


Re: bug ? par nicola le Lundi 08/03/2010 à 16:22

nicola Non mais cela ne change rien sauf à ramener les cartes sur les articles (ce qui est bien ^^)
Mais la carte générale, disparue ---> http://batellerie.org/texts/geolocalisation-des-bateaux-disponibles-



Re: bug ? par Stephane le Lundi 08/03/2010 à 17:05

Stephane J'ai trouvé, c'est corrigé.


Re: bug ? par nicola le Lundi 08/03/2010 à 17:07

nicola Yo ! Merci Ô grand Gourou ^^



Session

Pour participer plus facilement, ouvrez une session :

Identifiant de
mon blog
Nom d'utilisateur
Mot de passe

Si vous avez déjà un blog sur ViaBloga ou si vous avez ouvert un compte sur l'un d'entre eux, vous pouvez vous identifier avec votre nom d'utilisateur et mot de passe en précisant d'abord l'identifiant de votre blog.

S'inscrire

Archives par mois