Archives de catégorie : Umap

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

 

Un cercle de 1km de diamètre sur une carte

Une carte uMap avec un cercle de 1km de coté : c’est souvent un besoin comme par exemple savoir si la ville d’Ambérieu en Bugey est dans le périmètre du PPI de la centrale du Bugey (20km)

Etape 1

Dans Josm, créer un nouveau calque. Tracer une ligne horizontale de 500m avec deux points ( info de distance en bas de la fenêtre de dessin ) puis de nouveau une ligne horizontale de 500m. donc trois points à l’horizontale. Sélectionner les deux point extérieurs puis le menu [Outils] [Créer un cercle]. Sélectionner le trait horizontal et le point au milieu du diamètre puis menu [Outils] [Déconnexion d’un nœud à partir d’un chemin]. Vous pouvez supprimer le trait horizontal. Il reste alors un cercle de 1km de diamètre avec un point centre. Enregistrer le calque dans le format .osm ( cercle1km.osm par exemple ) éventuellement recommencer l’opération pour des cercles de diamètre différents.cercle2

Etape 2 : géolocaliser le cercle créer

Toujours dans Josm, télécharger la zone de la carte finale dans un nouveau calque, puis déplacer le cercle et son centre pour le positionner au bon endroit. si vous avez d’autre cercles concentriques faire la même manip dans les autres calques puis fusionner ces calques. Pour finir on enregistrera au format .gpx

Remarque : on peut supprimer les points centres avant l’export en gpx puisque les cercles sont positionnés correctement par rapport à la carte.

Etape 3

Créer une carte Umap centrée au bon endroit et importer le fichier .gpx précédent. Il ne reste plus qu’à définir les informations à afficher sur la carte.

cercle3Remarque : si on veut des cercles de couleurs différentes, il faut faire trois fichiers .gpx différents  et définir les couleurs dans uMap.

 

 

 

Installation serveur uMap

Phase 1  : Installation d’une machine Debian 8 Jessie

Télécharger une image iso sur le site debian, méthode torrent:  debian-8.3.0-amd64-netinst.iso
Faire une installation minimale, puis ajouter vim, openssh, sudo, htop.
Modifier les fichiers /etc/vim/vimrc et .bashrc. Ajouter colorscheme evening dans vimrc pour une meilleure lisibilité sur fond noir.
Configuration Ip fixe dans /etc/network/interfaces puis accès ssh par clé : ssh geo.
Ajouter l’utilisateur de base  dans le groupe sudo. Supprimer l’accès root sur le serveur ssh.
Stopper le serveur exim4 après avoir vérifier qu’il n’est pas configuré dpkg-reconfigure exim4-config.

Phase 2 : Suivre la doc

Installation de uMap

A voir aussi :  uMap sur Github  pour complèter et surtout à la fin pour la commande Search