RouteViewer
Sommaire
- Tutoriel vidéo sur RouteViewer
- Les composants du RouteViewer
- Branchez le RouteViewer sur votre propre site
- RouteViewer avec des combinaisons de couches de carte
- Votre propre couche de carte
- Statistiques de l'itinéraire
- Hébergement
- Quelques exemples
Le RouteViewer vous permet d'explorer de façon interactive un itinéraire sur votre site Web avec le plugin RouteViewer. Vous trouverez ici plus d’informations à ce sujet.
Tutoriel vidéo sur RouteViewer
Vous pouvez cliquer sur le logo YouTube en bas à droite pour agrandir l’image.
Les composants du RouteViewer
- L’aperçu de l'itinéraire
L’aperçu vous montre l'itinéraire du début à la fin, avec un affichage de la distance, de l’altitude et la mention des lieux à visiter (POI comme Points of Interest) tout au long de cet itinéraire. Vous pouvez cliquer sur ces POI pour voir plus d'informations à leur sujet. - Le plan
L'itinéraire est dessiné sur le plan, avec les mêmes points d'intérêt que ceux que vous voyez sur l’aperçu. - Le multimédia et les détails
Quand un POI est sélectionné, les informations qui le concernent (image, vidéo, ...) et sa description sont affichées ici. Si aucun POI n’est sélectionné, la description de l'itinéraire s'affiche. Les boutons Download et Print font également partie de ce composant.
Interactivité
- Tous les composants sont liés les uns aux autres. En cliquant sur un POI, la carte se déplace si nécessaire et les détails du POI et des documents multimédias qui y sont rattachés s’affichent.
- Le début et la fin de la route sont marqués par les symboles
et
. Cliquez dessus pour voir leurs coordonnées et leurs adresses respectives.
- Pour désélectionner un POI, cliquez dessus une seconde fois. La description de l'itinéraire sera alors affichée.
Branchez le RouteViewer sur votre propre site
Tutoriel vidéo comment brancher un itinéraire sur votre propre site
Étapes
Suivez ces étapes simples pour brancher un itinéraire sur votre propre site ou blog:
- Accédez à la route que vous souhaitez placer sur votre propre site.
- Cliquez sur le bouton Partager
.
- Cliquez sur le bouton Embed.
- Copiez le code présent dans la zone de texte.
- Collez ce code dans le code HTML de votre site web à l'endroit où vous souhaitez voir le RouteViewer s’afficher.
Pour plus d'informations et d'options, consultez la documentation du RouteViewer 3.0 plugin.
RouteViewer avec des combinaisons de couches de carte
Sur la carte de RouteViewer, vous pouvez combiner plusieurs couches de cartes.
Dans cet exemple, vous voyez une combinaison d'une couche de Google Maps de base avec le réseau à points-nœuds du Tourisme Brabant Flamand. L'utilisateur peut créer la combinaison qu'il souhaite dans le coin supérieur droit de la carte. Il peut sélectionner une couche de carte de base et une couche de carte supplémentaire.
Quelques exemples de
- carte de base :
- Carte Google Maps
- Satellite / Aérienne
- Topo Carte
- Carte Open Street map
- couche de carte supplémentaire :
- Terrains
- Les points-nœuds pédestres
- Les points-nœuds cyclistes
- Réseau moteur
Les personnes utilisant le compte Pro de MyRouteYou peuvent définir une combinaison de cartes par défaut. Un bon exemple? Velodromer, du Toerisme Limburg. Si vous consultez un itinéraire sur ce site Web, vous verrez par défaut le réseau points-nœuds cyclable du Toerisme Limburg. Consultez ici cet exemple.
Votre propre couche de carte
En plus des couches de carte que RouteYou vous propose par défaut, vous pouvez également créer votre propre couche de carte. Un bon exemple ? MyRouteYou de Knokke-Heist, Découvrez la région du Zwin. Consultez cet exemple ici.
Statistiques de l'itinéraire
Le RouteViewer dispose également d'un bouton Statistiques. En cliquant dessus, vous activez le module de statistiques. Découvrez-en plus sur les Statistiques de l’itinéraire. Ce module de statistiques est également disponible dans le plugin correspondant. Visionnez ici un exemple de route cycliste plus difficile.
Hébergement
Il existe également un bouton Hébergement. Cette fonctionnalité fournit des informations sur les commodités présentes à proximité. En cliquant dessus vous recevrez plus d’informations à leur sujet. La première commodité de la liste mérite un peu plus d’attention.
Découvrez plus sur l’hébergement.
Quelques exemples
- Gand, Petillant d'authenticité
- Avec démonstration vidéo et audio :
Pour un aperçu des fonctionnalités de RouteYou par type de compte, cliquez ici.