Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédenteProchaine révisionLes deux révisions suivantes |
umap:9_-_je_cree_une_carte_a_partir_dun_tableur [2017/02/06 09:16] – [4. J'insère le contenu du tableau dans les infobulles] admin | umap:9_-_je_cree_une_carte_a_partir_dun_tableur [2020/04/16 14:32] – [3. J'importe le tableau géocodé dans un calque] admin |
---|
* placer tout autre élément d'adresse (boîte postale, étage...) dans un autre champ | * placer tout autre élément d'adresse (boîte postale, étage...) dans un autre champ |
| |
Voici par exemple quelques adresses bien structurées, provenant du fichier [[http://data.nantes.fr/donnees/detail/sieges-des-syndicats-intercommunaux-de-transports-scolaires-en-loire-atlantique|Sièges des syndicats intercommunaux de transports scolaires en Loire-Atlantique]] : | Voici par exemple quelques adresses bien structurées, provenant du fichier [[https://data.nantesmetropole.fr/explore/dataset/234400034_031-001_sits_shp/export/|Sièges des syndicats intercommunaux de transports scolaires en Loire-Atlantique]] : |
| |
^ NOM ^ ADRESSE ^ COMPL_ADR ^ CP ^ VILLE ^ | ^ NOM ^ ADRESSE ^ COMPL_ADR ^ CP ^ VILLE ^ |
| |
L'utilisation de majuscules ou minuscules n'a en général pas d'incidence. Le tableau peut bien sûr contenir d'autres colonnes, comme ici les colonnes NOM et COMPL_ADR. | L'utilisation de majuscules ou minuscules n'a en général pas d'incidence. Le tableau peut bien sûr contenir d'autres colonnes, comme ici les colonnes NOM et COMPL_ADR. |
| |
| <WRAP center round important 80%> |
| Pour la suite des opérations, il est important que le tableur respecte les règles suivantes : |
| * la première ligne du tableur doit contenir les noms de colonnes, les autres lignes contiennent les données et rien d'autre |
| * les noms de colonnes ne doivent contenir ni espace ni accent ou autre caractère spécial |
| * les noms de colonnes doivent être tous différents |
| * les cellules ne doivent pas contenir de "retour chariot" ou "saut de ligne" |
| * les cellules ne doivent pas être fusionnées |
| En d'autres termes, le tableur doit représenter une **base de données**. |
| </WRAP> |
| |
| |
- exporter le résultat, qui sera lui aussi au format CSV | - exporter le résultat, qui sera lui aussi au format CSV |
| |
| <WRAP center round important 80%> |
| Pour exporter un fichier CSV en UTF-8 avec Microsoft Excel, le menu **Options Web** dans la fenêtre **Enregistrer sous** permet, dans l'onglet **Encodage**, de sélectionner **Unicode (UTF-8)**. Malheureusement cela **ne fonctionne pas pour MS Excel 2016**, il s'agit d'un [[https://social.technet.microsoft.com/Forums/office/en-US/7ef22ff5-b681-4175-baf3-e36ad89a2807/save-as-csv-utf8-comma-delimited-csv-bug?forum=Office2016ITPro|bogue connu]]. |
| |
| Pour contourner ce bogue, une possibilité est d'utiliser l'éditeur [[https://notepad-plus-plus.org/fr/|Notepad++]] que vous devez installer. Ne pas changer l'encodage lors de l'export CSV, puis ouvrir le fichier dans Notepad++, convertir en UTF-8 dans le menu **Encodage**, enfin enregistrer le fichier. |
| </WRAP> |
| |
| |
<WRAP left round important 60%> | <WRAP left round important 60%> |
uMap utilise la première ligne du fichier CSV pour identifier les noms de colonnes, en particulier **latitude** et **longitude** qui sont utilisés pour positionner les points (**lat** et **lon** sont aussi compris). Vérifiez la présence de ces noms de colonnes si l'opération échoue. | uMap utilise la première ligne du fichier CSV pour identifier les noms de colonnes, en particulier **latitude** et **longitude** qui sont utilisés pour positionner les points (**lat** et **lon** sont aussi compris). Vérifiez la présence de ces noms de colonnes si l'opération échoue. |
| Attention également à ce que les coordonnées soient exprimées en **degrés décimaux**, avec un point pour délimiter les décimales. Exemple: 48.40 est correct mais 48,40 et 48°24' ne sont pas valides pour uMap. |
</WRAP> | </WRAP> |
| |
Le contenu du tableau peut être affiché dans les infobulles, sous forme d'un tableau à deux colonnes : l'intitulé et la valeur correspondante. | Le contenu du tableau peut être affiché dans les infobulles, sous forme d'un tableau à deux colonnes : l'intitulé et la valeur correspondante. |
| |
Dans l'onglet **Options d'interaction** du calque, changez le **Style de la popup** en **Tableau**. | Dans l'onglet **Options d'interaction** du calque, changez le **Style de la popup** en **Tableau**. Voici un exemple de résultat : |
| |
Notez que vous pouvez modifier le contenu du tableau en cliquant sur **Éditer dans un tableau** dans le sélecteur de calques. {{ :umap:modifier_tableau.png?nolink&300|}} Vous pouvez alors supprimer ou renommer des colonnes, voire même modifier les cellules du tableau. Voici un exemple de résultat : | |
{{ :umap:infobulle_tableau.png?nolink&300 |}} | {{ :umap:infobulle_tableau.png?nolink&300 |}} |
| |
| {{ :umap:modifier_tableau.png?nolink&300|}} |
| Notez que vous pouvez modifier le contenu du tableau en cliquant sur **Éditer dans un tableau** dans le sélecteur de calques. Vous pouvez alors supprimer ou renommer des colonnes, voire même modifier les cellules du tableau. |
| |
=== Définir le gabarit des infobulles === | === Définir le gabarit des infobulles === |
| |
Dans l'onglet **Options d'interaction** du calque, éditez le **Gabarit du contenu de la popup**. Définissez le format des popups (titres, caractère gras, etc.) comme vu précédemment. Pour //injecter// le contenu d'une cellule dans l'infobulle, il suffit d'ajouter le nom de la colonne placé entre accolades, par exemple **{NOM}**. | Dans l'onglet **Options d'interaction** du calque, éditez le **Gabarit du contenu de la popup**. Définissez le format des popups (titres, caractère gras, etc.) comme vu précédemment. Pour //injecter// le contenu d'une cellule dans l'infobulle, il suffit d'ajouter le nom de la colonne placé entre accolades, par exemple **{NOM}**. |
| |
{{ :umap:infobulle_avec_gabarit.png?nolink&250|}} | {{ :umap:infobulle_avec_gabarit.png?nolink&300|}} |
Vous pouvez utiliser dans le gabarit tous les champs du tableau. Voici à droite un exemple de gabarit et le résultat pour une infobulle. | Vous pouvez utiliser dans le gabarit tous les champs du tableau. Voici à droite un exemple de gabarit et le résultat pour une infobulle. |
| |
Nous avons vu dans le tutoriel [[umap:1_-_je_consulte_une_carte_umap#visualiser_les_donnees|Je consulte une carte uMap]] qu'il est possible de voir l'ensemble des données de la carte sous la forme d'une liste. Cette liste peut aussi filtrée par l'utilisateur, à partir d'un mot par exemple. | Nous avons vu dans le tutoriel [[umap:1_-_je_consulte_une_carte_umap#visualiser_les_donnees|Je consulte une carte uMap]] qu'il est possible de voir l'ensemble des données de la carte sous la forme d'une liste. Cette liste peut aussi filtrée par l'utilisateur, à partir d'un mot par exemple. |
| |
{{:umap:umap_edit_props.png?nolink |}} Pour permettre aux utilisateurs de filtrer les données il convient de préciser à uMap à quel(s) champ(s) le "mot-filtre" doit s'appliquer. Cela s'effectue dans l'onglet **Propriétés par défaut** des Propriétés de la carte. Vous pouvez indiquer plusieurs noms de champ (noms de colonne), le filtre s'appliquera à chacun des champs. | {{:umap:umap_edit_props.png?nolink |}} Pour permettre aux utilisateurs de filtrer les données il convient de préciser à uMap à quel(s) champ(s) le "mot-filtre" doit s'appliquer. Cela s'effectue dans l'onglet **Propriétés par défaut** des **Propriétés de la carte**. Vous pouvez indiquer plusieurs noms de champ (noms de colonne), le filtre s'appliquera à chacun des champs. |
| |
Notez que vous pouvez également trier la liste en sélectionnant la **Clé de tri**, c'est-à-dire le nom de la colonne utilisée pour le tri (tri croissant uniquement). Enfin vous pouvez définir la clé par défaut pour le libellé, qui sera utilisée si celle-ci n'est pas définie pour le calque. | Notez que vous pouvez également trier la liste en sélectionnant la **Clé de tri**, c'est-à-dire le nom de la colonne utilisée pour le tri (tri croissant uniquement). Enfin vous pouvez définir la clé par défaut pour le libellé, qui sera utilisée si celle-ci n'est pas définie pour le calque. |
===== Faisons le point ===== | ===== Faisons le point ===== |
| |
Ce tutoriel est probablement le plus complexe de la série. Appréciez toutefois les possibilités offertes par uMap pour intégrer des données extérieures. | Ce tutoriel est probablement le plus complexe de la série. Appréciez toutefois les possibilités offertes par uMap pour intégrer des données externes. |
| |
| |