[[:openstreetmap|{{:wiki:flag_uk.png?45 }}]]

====== Description du graphique OpenStreetMap ======

Il s'agit de la page Wiki Need4Viz pour OpenStreetMap avec camembert.

**Depuis Need4Viz 2025.3.4**

===== Rendu =====

{{url>https://www.need4viz.com/dataviz/openStreetMap.html width=600 height=400 noscroll noborder alignment=center}}

===== Descriptif =====

  * Carte OpenStreetMap permettant de géolocaliser les données (latitude / longitude) et d'afficher une info-bulle. \\
  * La définition d'une dimension supplémentaire et d'une mesure associée affiche également un graphique circulaire autour de l'épingle. \\
  * Il est possible d'ajouter des annotations sur la carte (calcul de distances, surfaces, dessins...).

===== How-To Video =====

{{youtube>uxCg4TlC2-w}}

===== Paramètres =====

  * //Dimension 1// : Latitude
  * //Dimension 2// : Longitude
  * //Dimension 3// : Info-bulle
  * //Dimension 4// : Dimension pour le camembert

  * //Mesure 1// : Mesure principale pour le camembert
  * //Mesure 2// : [Facultatif] Mesure secondaire pour la couleur de l'épingle
  
===== Animations =====

Animations et actions disponibles dans ce graphique :
  * La carte est ajustée et centrée pour afficher toutes vos données. Vous pouvez déplacer la carte et la zoomer.
  * Déplacer la souris sur le camembert affichera l'info-bulle
  * En sélectionnant le bouton "Information", lorsque vous déplacez la souris sur la carte, les coordonnées lat/lon & WGS et le niveau de zoom sont affichés en haut de la carte
  * En sélectionnant le bouton "Chart", vous pouvez changer dynamiquement l'apparence du camembert (pie -> pie3D -> beignet -> barres)
  * En sélectionnant le bouton "Dessiner", vous pouvez dessiner sur la carte :
    * //Tracer une ligne// : cliquez sur votre souris au début de votre ligne. Relâchez le bouton à la fin de la ligne.
    * //Dessiner un polygone// : cliquez avec votre souris au début de votre polygone. Relâchez le bouton à la fin du polygone.
    * //Dessiner un cercle// : cliquez avec votre souris au centre de votre cercle. Relâchez le bouton à la fin du rayon du cercle.
  * En sélectionnant le bouton "Calculs", vous pouvez mesurer sur la carte :
    * //Mesurer une longueur// : cliquez sur votre souris pour commencer la mesure de la ligne, relâchez pour terminer. La ligne devient jaune et la distance s'affiche.
    * //Mesurer une zone// : cliquez vers le bas de votre souris pour démarrer la mesure de la zone, relâchez pour terminer la zone. La zone devient jaune et la zone s'affiche.
  * Bouton "Effacer les dessins" : cliquez (plusieurs fois si nécessaire) pour supprimer tous les dessins que vous avez faits sur la carte.
  * La légende peut être pliée en cliquant sur la croix supérieure supérieure.


===== Paramètres =====

Vous pouvez trouver des instructions pour accéder aux paramètres des graphiques Need4viz : [[Format Custom Element | Paramètres étendus]].

Pour l'OpenStreetMap, les paramètres disponibles sont :

**Global**
  * **Palette et style**
    * //Général// : Vous pouvez utiliser l'outil palette pour définir les couleurs utilisées pour construire le graphe.
 
**Paramètres étendus**

  * **Global** -> Voir le guide de l'utilisateur pour la section "Global" [[global_extparam | ici]]

  * **Menu** -> Voir le guide d'utilisation de la section "Menu" [[menu_extparam | ici]]

  * **Cartes** 
    * //Carte principale// : Choisissez ici le fournisseur de la carte d'arrière-plan principale (Openstreetmap...)
    * //Secondary layers// : Vous pouvez sélectionner ici des couches supplémentaires à afficher sur la carte (voies ferrées, parcs naturels...)

  * **Options**
    * //Affichage général// : Ce paramètre permet de masquer ou d'afficher les différents outils et boutons sur le graphique. Vous pouvez également définir le système d'unités pour les distances (kilomètres/miles)
    * //Réglage cartographique// : Ce paramètre permet de définir le niveau de zoom initial et la méthode de centrage de la carte.

  * **Sélection** -> Voir le guide utilisateur de la section "Sélection" [[drill_extparam | ici]]

  * **Contrôles** -> Voir le guide d'utilisation de la rubrique "Contrôles" [[control_extparam | ici]]

  * **Infobulle** -> Voir le guide d'utilisation de la rubrique "Infobulle" [[tooltip_extparam | ici]]

  * **Légende**
    * //Affichage// -> Choisissez ici d'afficher/masquer la légende
    * //Couleurs// -> Définissez ici les couleurs de fond et de bordure des cercles de la légende
    * //Titres// -> Mettez à jour ici les titres et leur style pour les cercles et les épingles
    * //Éléments// -> Définissez ici le style des étiquettes des éléments de la légende

  * **Graphique**
    * //Type de graphique// : Ce paramètre vous permet de choisir le type de graphique que vous souhaitez.
    * //Taille// : Définissez ici une taille min max des camemberts sur la carte.
    * //Bordure// : Définissez ici le trait (couleur et largeur des bordures) des camemberts.
    * //Opacité// : Vous pouvez définir ici l'opacité des camemberts sur la carte.

  * **Mesures**
    * //Affichage de la mesure principale// : ce paramètre permet de spécifier l'unité à ajouter comme préfixe ou suffixe de mesure ainsi que la précision de la mesure, pour la mesure principale. Vous pouvez également choisir de masquer le pourcentage de mesure et/ou l'agrégation dans l'info-bulle. Le format d'affichage de la mesure (standard - ex. : 2 345.67, compact - ex. : 2.3K ou compact long - ex. : 2.3 milliers) peut également être défini.
    * //Affichage de la mesure secondaire// : ce paramètre vous permet de spécifier l'unité à ajouter comme préfixe ou suffixe de mesure ainsi que la précision de la mesure, pour la seconde mesure/épingle. Le format d'affichage de la mesure (standard - ex. : 2 345.67, compact - ex. : 2.3K ou compact long - ex. : 2.3 milliers) peut également être défini.

  * **Couleur_Region**
    * //Taille d'épingle// : ce paramètre vous permet de choisir le pourcentage de la taille par défaut de l'épingle dans le graphique.
    * //Intervalle 1 à 5// : Ce paramètre permet de choisir les valeurs minimum et maximum de chaque intervalle. Vous pouvez également choisir un SVG à appliquer pour l'épingle ainsi que sa couleur. Positionnez également un libellé pour chaque intervalle afin que l'item correspondant soit affiché dans la légende.
    * //Hors Intervalle// : Ce paramètre vous permet de choisir le SVG et la couleur des valeurs hors plage. Positionnez également un libellé pour chaque intervalle afin que l'item correspondant soit affiché dans la légende.
    * //Valeurs nulles// : Ce paramètre permet de choisir le SVG et la couleur des valeurs nulles. Positionnez également un libellé pour chaque intervalle afin que l'item correspondant soit affiché dans la légende.

**Export Serveur ** -> Voir le guide utilisateur pour la section "Export Serveur" [[format_export_html | ici]]

**Export FTP** -> Voir le guide utilisateur de la rubrique "Export FTP" [[format_export_ftp | ici]]

**Export SharePoint** -> Voir le guide de l'utilisateur pour la section "Export SharePoint" [[format_export_sharepoint | ici]]