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:8_-_le_cas_des_polygones [2017/02/12 15:13] – [Faisons le point] admin | umap:8_-_le_cas_des_polygones [2017/03/02 16:47] – [2. Définir les interactions avec un polygone] admin |
---|
{{ :umap:interaction-desactivee.png?nolink|}} | {{ :umap:interaction-desactivee.png?nolink|}} |
| |
Toute interaction peut être désactivée en choisissant **OFF** pour **Autoriser les interactions**. Aucune infobulle n'est alors affichée lors d'un clic sur le polygone. Cette option est intéressante pour donner de l'importance à une zone de la carte sans que l'utilisateur ne puisse interagir avec. | Toute interaction peut être désactivée en sélectionnant **OFF** pour l'option **Autoriser les interactions**. Aucune infobulle n'est alors affichée lors d'un clic sur le polygone. Cette option est intéressante pour donner de l'importance à une zone de la carte sans que l'utilisateur ne puisse interagir avec. |
| |
{{ :umap:ile-de-nantes.jpg?nolink&360|}} | {{ :umap:ile-de-nantes.jpg?nolink&360|}} |
=== b. Importer les contours de quartier dans une carte === | === b. Importer les contours de quartier dans une carte === |
| |
{{:umap:umap_edit_import.png?nolink |}} Dans une nouvelle carte, cliquez sur **Importer des données**. Dans le panneau qui appraît alors, sélectionnez le fichier précédemment obtenu. | {{:umap:umap_edit_import.png?nolink |}} Dans une nouvelle carte, cliquez sur **Importer des données**. Dans le panneau qui appraît alors, sélectionnez le fichier produit à l'étape précédente. |
| |
Le sélecteur de format se positionne automatiquement sur **geojson**, sélectionnez-le si ce n'est pas le cas, par exemple parce que l'extension du fichier n'est pas ''.geojson''. Cliquez sur **Importer** : les contours apparaissent sur la carte. | Le sélecteur de format se positionne automatiquement sur **geojson**, sélectionnez-le si ce n'est pas le cas, par exemple parce que l'extension du fichier n'est pas ''.geojson''. Cliquez sur **Importer** : les contours apparaissent sur la carte. |
=== c. Configurer la carte uMap === | === c. Configurer la carte uMap === |
| |
Configurez le calque des limites de quartier, afin d'afficher une étiquette - au survol ou pas selon votre choix. Ensuite éditez chaque polygone pour lui associer l'URL vers la page Web correspondante, comme nous l'avons vu plus haut. | Configurez le calque afin d'afficher une étiquette - au survol ou pas selon votre choix. Ensuite éditez chaque polygone pour lui associer l'URL vers la page Web correspondante, comme nous l'avons vu plus haut. |
| |
Enfin vous pouvez, dans les **Paramètres de la carte**, définir les **Limites géographiques** de la carte. Cela permet d'empêcher l'utilisateur de déplacer la carte au-delà de ces limites. | Enfin vous pouvez, dans les **Paramètres de la carte**, définir les **Limites géographiques** de la carte. Cela permet d'empêcher l'utilisateur de déplacer la carte au-delà de ces limites. |
Récupérez le code de l'iframe, comme nous l'avons vu dans le [[umap:7_-_je_publie_ma_carte_et_en_controle_l_acces#adapter_les_fonctionnalites_de_la_carte|tutoriel précédent]], en prenant soin de désactiver toutes les options d'interaction : boutons de zoom, zoom avec la molette, bouton « Plus » etc. | Récupérez le code de l'iframe, comme nous l'avons vu dans le [[umap:7_-_je_publie_ma_carte_et_en_controle_l_acces#adapter_les_fonctionnalites_de_la_carte|tutoriel précédent]], en prenant soin de désactiver toutes les options d'interaction : boutons de zoom, zoom avec la molette, bouton « Plus » etc. |
| |
Copiez ce code dans votre page Web, et le tour est joué ! | Copiez ce **code iframe** dans votre page Web, et le tour est joué ! |
| |
<WRAP left round important 60%> | <WRAP left round important 60%> |
| |
Nous venons de voir comment importer des données dans une carte, le niveau avancé va nous permettre d'aller bien plus loin dans cette démarche. | Nous venons de voir comment importer des données dans une carte, le niveau avancé va nous permettre d'aller bien plus loin dans cette démarche. |
| |
| [[umap:tutoriel_umap#maitriser_umap_en_12_lecons|Retourner à la liste des tutoriels uMap]] |
| |