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

Entraide, partage, cartes personnalisées remarques... c'est par ici !
Répondre
antonbatw
Messages : 16
Inscription : lun. janv. 07, 2013 7:08 pm

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

Message par antonbatw » mer. juil. 30, 2014 11:33 am

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

antonbatw
Messages : 16
Inscription : lun. janv. 07, 2013 7:08 pm

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

Message par antonbatw » mer. juil. 30, 2014 12:00 pm

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... ;)

ybon
Messages : 38
Inscription : mer. juin 18, 2014 7:40 pm

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

Message par ybon » jeu. juil. 31, 2014 12:35 am

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.

antonbatw
Messages : 16
Inscription : lun. janv. 07, 2013 7:08 pm

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

Message par antonbatw » jeu. juil. 31, 2014 10:26 am

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 !!! :D

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...

antonbatw
Messages : 16
Inscription : lun. janv. 07, 2013 7:08 pm

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

Message par antonbatw » jeu. juil. 31, 2014 11:22 am

https://www.dropbox.com/sh/be6y5osgvf1h ... Wg3XJjAgia

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

ybon
Messages : 38
Inscription : mer. juin 18, 2014 7:40 pm

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

Message par ybon » dim. août 03, 2014 12:27 am

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

Avatar de l’utilisateur
EddieJavelle
Messages : 129
Inscription : jeu. oct. 25, 2012 11:09 am
Localisation : Saint-Étienne
Contact :

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

Message par EddieJavelle » mer. août 06, 2014 2:18 pm

Salut,

Tant qu'on y est: j'ai accompagné à distance un duo de reporters citoyens (http://www.kisskissbankbank.com/et-si-l ... it-amazing) à l'utilisation d'uMap : http://umap.openstreetmap.fr/fr/map/lav ... 91/-3.6994 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:

Code : Tout sélectionner

<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>
:?: Y a une solution ou pas encore ?

antonbatw
Messages : 16
Inscription : lun. janv. 07, 2013 7:08 pm

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

Message par antonbatw » mer. août 06, 2014 3:34 pm

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 ;)

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

antonbatw
Messages : 16
Inscription : lun. janv. 07, 2013 7:08 pm

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

Message par antonbatw » ven. août 22, 2014 2:18 pm

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

ybon
Messages : 38
Inscription : mer. juin 18, 2014 7:40 pm

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

Message par ybon » lun. août 25, 2014 11:01 am

@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?

antonbatw
Messages : 16
Inscription : lun. janv. 07, 2013 7:08 pm

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

Message par antonbatw » lun. août 25, 2014 7:40 pm

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)

pommechip

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

Message par pommechip » jeu. nov. 20, 2014 6:52 pm

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. ^^

pommechip

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

Message par pommechip » sam. déc. 06, 2014 7:20 pm

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 ! :geek:

alissou
Messages : 9
Inscription : mer. mars 02, 2016 10:37 am

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

Message par alissou » jeu. mars 17, 2016 10:13 am

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 :D

OsmO
Messages : 52
Inscription : mer. janv. 06, 2016 7:13 pm
Localisation : Paris

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

Message par OsmO » jeu. mars 17, 2016 11:11 am

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

Code : Tout sélectionner

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

Image

Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 3 invités