Archives de l’auteur : Administrateur

Umap : Comment ajouter une image dans la pop-up d’un point d’intérêt

Comment ajouter une image dans la pop-up d’un point d’intérêt

Quand vous placez un point d’intérêt sur la carte, il faut remplir les champs Nom et Description en utilisant éventuellement les codes de mise en forme ci-dessous pour contrôler la syntaxe.

Syntaxe 

*simple astérisque pour italique*
**double astérisque 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}}
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}}}
Iframe avec hauteur et largeur (en px): {{{http://iframe.url.com|height*width}}}
— pour un séparateur horizontal

Insertion d’une photo

Deux étapes pour ajouter une photo :

  1.   Il faut mettre votre photo sur un serveur accessible en ligne comme par exemple : Framapic  . J’ai mis en ligne l’image d’un défibrillateur : Image .
    Attention : nous sommes sur le web, donc il faut éviter de mettre en ligne des images de plusieurs Mo. Si nécessaire , il faut réduire la définition et/ou la taille des images à quelques Ko.
  2.  Dans le champ description du point d’intérêt, vous ajouter le lien vers votre image en l’encadrant avec des doubles croches {{ lien }}. Vous pouvez définir la largeur comme indiqué au paragraphe précédent.
    defib1

Vous devriez obtenir cela  :

defib2