uMap - Insertion de photos, vidéos, sons...

Bonjour à tous

Je suis en quête de tuto et/ou d’une aide de votre part pour réaliser une carte prenant en compte des données photographiques suite à la géolocalisation d’un certain nombre de POI.

uMap, qui est un très beau projet et permettant de se dégager de Google map, m’apparaît être la meilleure solution pour mon petit projet. J’aimerai pouvoir m’inspirer de ce type de projet : http://umap.openstreetmap.fr/fr/user/LoicHay/. En effet, Loichay a réalisé de magnifiques cartes donnant un aspect professionnel à son travail. Cependant, je ne sais absolument pas comment intégrer dans mes infosbulle ou dans le visualisateur de données, des photos, des sons…

Y aurait-il une âme charitable pour m’expliquer ceci ? Je suppose qu’il faille bidouiller un peu en html et css…

Avec mes remerciements anticipés

Oups !!!

J’ai été trop vite dans ma demande concernant l’intégration d’images et autres… Toutefois, je ne trouve rien concernant la réalisation de diaporama comme je l’ai vu sur les cartes et dont je vous ai fourni le lien…

Je reste à l’affût de vos moindres bonnes piste… :wink:

Pour l’insertion d’image/iframe, et toute la mise en forme du texte, il faut cliquer sur le “?” qui est à côté de “description” dans la fenêtre d’édition.

Pour le diaporama, “Roue crantée” => “Diaporama”, définir une durée, et éventuellement le mettre en autostart.

Bonjour à tous et merci Ybon.

Effectivement, j’ai vu hier qu’en cliquant sur le point d’interrogation toute une série d’infos était disponible… Ah le lourdingue qui veut aller plus vite que la musique !!! :smiley:

Je suis en train de tenter l’intégration d’une vidéo Youtube (je fais des tests pour l’instant) mais j’ai un peu de mal avec l’iframe… Je ne saisi pas encore trop son fonctionnement mais je l’aurai un jour, je l’aurai… En tout cas, permet-moi de te remercier pour le travail réalisé sur uMap qui me permet de m’affranchir de Google Map. C’est un magnifique projet que je souhaite voir évoluer…

https://www.dropbox.com/sh/be6y5osgvf1hl19/AADU-wEBDoJdwJWWg3XJjAgia

Au secours… Voilà le résultat lorsque j’inclus un iframe !!! comprends pas, vraiment pas !!!

Sûrement un problème dans l’URL de l’iframe.
Quelle est l’URL de la carte, que je jette un œil?

Salut,

Tant qu’on y est: j’ai accompagné à distance un duo de reporters citoyens (http://www.kisskissbankbank.com/et-si-la-crise-etait-amazing) à l’utilisation d’uMap : Lavapiés, un quartier de Tiers-Lieux naturels à Madrid - uMap et un truc que j’aurais trouvé bien utile aurait été la possibilité d’encapsuler des tweets (de Twitter ouaip’) dans le champ description. Hors Twitter ne propose pas d’iFrame mais un truc comme ça:

<blockquote class="twitter-tweet" data-partner="tweetdeck"><p><a href="https://twitter.com/hashtag/OpenStreetMap?src=hash">#OpenStreetMap</a> turns 10 this weekend. Join the celebration at a <a href="https://twitter.com/hashtag/mapathon?src=hash">#mapathon</a> near you: <a href="http://t.co/NfxRGx7Vvj">http://t.co/NfxRGx7Vvj</a></p>&mdash; OpenStreetMap US (@OpenStreetMapUS) <a href="https://twitter.com/OpenStreetMapUS/statuses/496816790366715904">August 6, 2014</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

:question: Y a une solution ou pas encore ?

Bonjour Ybon, Bonjour Eddie et bonjour à tous,

Désolé de la réponse tardive mais démarrage de vacances obligent, j’ai pris un peu de bon temps en famille :wink:

Voici l’URL de la carte http://u.osmfr.org/m/13645/ et j’avoue être perplexe, ne pas comprendre où se situe mon erreur surtout en voyant que d’autres utilisateurs intègrent facilement des iframes et réalisent de magnifiques cartes…

Je serai également intéressés par la demande d’Eddie faite juste au-dessus. Ce pourrait être intéressant dans le cadre d’un live-tweet et ainsi réaliser un compte-rendu cartographiable… Bref, ça ouvrirait d’autres horizons…

Encore merci de ton aide

1 « J'aime »

Bonjour à tous… Je relance le sujet car les vacances se terminent et il va falloir que je reprenne mes p’tites cartes !!!

Avec mes remerciements anticipés

@antonbtaw: il faut mettre seulement l’URL de l’iframe entre accolades, pas la balise elle-même (donc quelque chose comme {{{http://www.youtube.com/embed/gvC28xnO76I}}} )

@Eddie: humm, effectivement, ce code-là pourra pas marcher (c’est un script js). Je ne connais pas bien les widgets Twitter, mais ça m’étonne qu’il n’y ait aucune possibilité d’export en iframe. Peut-être qu’il existe des services tiers qui font ça?

Yeeessss… Quel con je fais !!!

Mille mercis @ybon. Maintenant, il n’y a plus qu’à… Je te tiendrai au courant des cartes personnalisées que je compte créer, essentiellement pour le boulot (commune de 26.000 habitants)

Bonjour !

Pardonnez-moi, mais je n’ai toujours pas compris comment afficher une image ouèbe dédiée, dans la popup de chaque élément.
Je pars de données saisies dans un tableur (transformées en kml grâce à google maps engine) pour afficher différents monuments de ma région, et j’aimerais que chaque fenêtre popup de ma carte umap affiche a minima le nom, la description, et l’image de ces monuments. Pour l’instant je parviens à mettre une image pour les éléments de chaque couche (dans le champ “gabarit pour la popup”), mais tous les points d’une couche ont de fait la même image ! Je n’arrive pas à trouver l’équivalent de “gabarit pour la popup” pour changer l’image des items un à un.

Question : est-il possible d’entrer l’adresse web de chaque image dans une nouvelle colonne du tableur, par exemple, pour que chaque élément ait “son” image personnalisée ? Où y a-t-il plus simple ?


P.S.: bravo la carte du monsieur ci-dessus !
Ainsi qu’au créateur d’umap bien sûr. ^^

Oookay, c’est bon. Je me demande comment j’ai pu passé à côté. Je n’avais pas vu l’icône “éditer dans un tableau”, qui s’est confondue dans ma tête avec celle de la commande “visualiser les données”.

Je me sens très bête (quelque part, je savais que ça finirait comme ça !)
Merci pour umap, du coup, plus aucun défaut depuis que j’ai branché les neurones ! :nerd:

Bonjour,
Je vois qu’il y a déjà un post sur ce que je cherche à faire : l’intégration d’image sur le popup de mon marqueur. Je n’ai jamais fait de codage (à part avec Scratch sur un atelier pour enfant…).
Quand je clique sur “description?” sur mon calque, je suis confrontée à cela : Mise en forme du texte

simple asterisque pour italique
double asterisque pour gras

un dièse pour titre 1

deux dièses pour titre 2

trois dièses pour titre 3

Lien simple: [[https://exemple.fr]]
Lien avec texte: [[http://exemple.fr|texte du lien]]
Image: {{http://image.url.com}} ___> c’est celui là qui m’intéresse!
Image avec largeur (en pixels) : {{http://image.url.com|largeur}}
Iframe: {{{http://iframe.url.com}}}
Iframe avec hauteur (en pixels): {{{http://iframe.url.com|hauteur}}}
— pour un séparateur

Si quelqu’un peut m’expliquer comment cela fonctionne, c’est un pas de plus pour moi merci beaucoup! Très bonne journée :smiley:

Si tu veux par exemple insérer le logo du forum qui se trouve ici http://forum.openstreetmap.fr/styles/prosilver/imageset/site_logo.gif, indique dans ta description la balise suivante :

{{http://forum.openstreetmap.fr/styles/prosilver/imageset/site_logo.gif}}

et tu obtiendras :

7 messages ont été scindés en un nouveau sujet : uMap et données personnells