Fermer

avril 6, 2018

Comment construire une carte historique interactive avec WRLD – titleonly


Cet article a été créé en partenariat avec WRLD . Nous vous remercions de soutenir les partenaires qui rendent titleonly possible.

L'utilisation de cartes dans l'éducation n'a rien de nouveau – elle engage les étudiants et les aide à visualiser les informations basées sur la localisation. Avec la montée en puissance des plateformes numériques d'apprentissage en ligne, elles demeurent une ressource importante. Les éducateurs d'aujourd'hui ont besoin d'un outil de cartographie attrayant et intuitif, facile à personnaliser, accessible en ligne et sur les appareils mobiles, et qui facilite le partage avec les élèves. Et si les cartes sont 3D, c'est tant mieux.

 WRLD 3D Maps

Je viens de décrire WRLD . Et si c'est génial pour les développeurs les outils de cartographie en ligne de l'entreprise ("19459011] un outil de cartographie pour tous ") ouvrent la porte à ceux qui n'ont aucune compétence en codage.

WRLD invite quiconque à concevoir et gérer des cartes 3D personnalisées grâce à notre outil de cartographie basé sur le cloud sans codage étendu, optimisé pour les applications Web modernes et mobiles.

Contrairement à Google Maps, WRLD est complètement 3D. Cela rendra tout le monde familier avec le jeu moderne se sentir complètement à la maison. WRLD donne également la priorité à la confidentialité, au contrôle et à l'extensibilité des développeurs. C'est un produit qui coche toutes les cases. Comment un enseignant pourrait-il l'utiliser?

Créer des cartes 3D personnalisées avec WRLD

Voici l'idée: WRLD vous fournit une carte 3D complète de la planète. Vous sélectionnez l'emplacement sur lequel vous enseignez, sélectionnez un thème approprié, ajoutez des points d'intérêt et créez des cartes qui communiquent votre contenu basé sur la localisation. Vous pouvez ensuite partager un lien de votre carte qui ouvre un navigateur Web ou une application mobile, l'intégrer sur une page Web ou même l'inclure dans votre propre logiciel d'apprentissage en ligne.

Notre objectif est de construire la représentation la plus intelligente possible le monde en 3D.

WRLD est un travail en cours. Rendre le monde entier en 3D est une tâche énorme, et il ne propose pas encore de cartes de tous les pays (bien que les utilisateurs puissent voter pour de nouvelles zones à inclure dans le WRLD). Les fonctionnalités sont toujours ajoutées et la documentation est toujours en cours de création. Mais malgré ces limitations, c'est un produit cartographique convaincant qui répondra déjà à nombre de vos besoins.

Actuellement, plus de 300 millions de mètres carrés de cartes sont disponibles. Il y a une couverture complète des États-Unis, du Canada, du Royaume-Uni, de l'Irlande, de la Scandinavie, de la péninsule arabique, de l'Italie et plus encore, ainsi qu'une couverture partielle de l'Espagne, de l'Australie et de la Thaïlande. Cela devrait couvrir beaucoup de votre programme!

 Couverture

Le coût devrait être assez attrayant pour la plupart des éducateurs. WRLD est entièrement gratuit si vous avez 1000 utilisateurs par mois ou moins, ce qui sera la plupart des enseignants et des petites organisations de formation. Les établissements d'enseignement de plus grande taille et les plates-formes d'apprentissage en ligne peuvent devoir payer des frais modestes, comme indiqué dans la capture d'écran ci-dessous.

 Tarifs

Alors, comment allez-vous créer une carte 3D pour l'éducation? Nous allons vous montrer en créant une carte sur le Grand Incendie de Londres. Vous pouvez le voir dans votre navigateur web ici ou explorer l'intégration ci-dessous.

Concepteur de cartes: créer une carte 3D sans codage

Les non-développeurs utiliseront le concepteur de cartes de WRLD un outil en ligne conçu pour les pros et les débutants. Créez et gérez vos propres cartes 3D, en sélectionnant des styles simples ou sophistiqués.

 Map Designer Home

Une fois que vous créez un compte, vous pouvez créer votre première carte. Donnez un nom à la carte et vous recevrez une URL. Vous pouvez coller l'adresse dans un autre onglet du navigateur pour que vous puissiez suivre vos progrès du point de vue de vos élèves.

Naviguer sur la carte est intuitif. Faites un clic gauche et faites glisser pour déplacer la carte, faites défiler pour zoomer et dézoomer, et faites un clic droit et faites glisser pour faire pivoter. Lorsque vous effectuez un zoom avant, l'affichage passe automatiquement de la 2D à la 3D.

Notre premier travail consiste à définir la vue initiale que vos élèves verront lorsqu'ils ouvriront la carte. Le Grand Incendie de Londres s'est passé au nord de la Tamise, à côté de London Bridge. Je commence par une recherche sur «le grand feu de Londres» et découvre qu'il y a un monument sur le site.

 Recherche

C'est parfait, et j'aimerais que ce soit ce que la carte affiche quand elle est ouverte. Je clique sur Utiliser la vue actuelle de la carte dans le volet de droite

Nous devons maintenant sélectionner un thème, je clique donc sur l'icône représentant une boîte de peinture dans le volet de droite. J'aime le regard du thème sombre.

 Thème sombre

Il est maintenant temps d'ajouter quelques lieux d'intérêt. Nous faisons cela à partir du Concepteur Places, que je peux ouvrir (dans un nouvel onglet du navigateur) en cliquant sur l'icône Places puis en cliquant sur Gérer les collections de lieux .

 Lieux

Concepteur de lieux: Ajouter des lieux d'intérêt et du contenu géoréférencé

Le concepteur de lieux est maintenant ouvert. Je peux basculer entre elle et le concepteur de carte simplement en changeant les onglets dans mon navigateur.

 Place Designer

Avant d'ajouter quelques lieux d'intérêt à la carte, je dois d'abord en créer Lieux Collections . Ce sont des conteneurs pour nos lieux, et nous aident à garder les choses organisées.

Je dois d'abord avoir une idée du contenu que j'aimerais ajouter à la carte. Il y a beaucoup de matériel intéressant sur The Great Fire of London disponible en ligne. Parce que la tragédie est survenue en 1666, il n'y a évidemment pas de photographies, mais il y a un nombre surprenant de peintures disponibles. Pour garder les choses simples dans le but de cet article, je vais juste utiliser Wikipedia comme source.

L'article inclut quelques cartes de la propagation du feu au cours des quatre jours, quelques peintures contemporaines du feu, et plus . Je décide de créer seulement deux collections, et de les rendre disponibles pour ma carte en choisissant "The Great Fire of London" sous "app":

  • Images: Le Grand Incendie de Londres
  • Cartes: Le Grand Incendie de Londres [19659037] Collection de nouveaux lieux  » width= »1000″ height= »637″ class= »aligncenter size-large wp-image-163216″/>

    Maintenant, nous allons ajouter quelques lieux d'intérêt à chaque collection. Chaque endroit ajoutera une épingle à la carte, et la sélection de la broche affichera une carte avec du contenu supplémentaire, y compris du texte et une image.

    Je commencerai par la première peinture trouvée dans l'article de Wikipédia, qui montre comment le feu a regardé le troisième jour depuis le quai de la Tour sur la Tamise, juste à l'est de l'incendie. Je veux que ce soit dans la collection "Images", donc je clique dessus, puis New Place Marker . Une épingle est placée au centre de la carte, et je la traîne au voisinage du quai.

     Marqueur de la nouvelle place

    Je remplis maintenant le formulaire dans le volet droit, y compris un titre, sous-titre et URL de l'image. Je change le tag en "Fire", ce qui modifie l'image sur la broche. Je prévisualise la carte, et il apparaît comme dans la capture d'écran ci-dessous.

     Nouvelles étiquettes de titre

    Le formulaire suivant dans le panneau de droite est pour les informations de contact. Ce n'est pas vraiment nécessaire pour notre usage, mais j'ai ajouté un lien vers l'article Wikipedia

     Contact

    Ensuite, nous pouvons entrer une description, qui est un seul paragraphe de texte. J'ajoute la description d'image de Wikipedia, et prévisualise la carte.

     Description de Carte

    Le formulaire suivant te permet d'affiner la latitude et la longitude de la goupille. Je ne suis pas sûr de l'emplacement exact de la peinture, alors laissez-le tel quel.

     Latitude Longitude

    La forme finale est un éditeur JSON, qui est un peu technique, et permet vous pouvez directement éditer les données saisies à partir des formulaires. Si cela ne vous dérange pas un peu de travail technique léger, il est possible de personnaliser davantage la carte en ajoutant du contenu HTML. WRLD publiera un didacticiel vidéo sur la façon d'accomplir cela dans un proche avenir.

    J'ajoute d'autres cartes à notre carte en utilisant la même méthode, et ça commence à prendre forme:

    • Image: Ludgate on Fire
    • Image: Monument au grand incendie de Londres
    • Image: Vue au feu le jour 3
    • Carte: Jour 1 Dommage de feu
    • Carte: Jour 2 Dommage de feu
    • Carte: Jour 3 Dommage de feu

     Lieux d'intérêt

    Nous avons presque fini. Mais avant de partager notre carte, nous devons retourner au Map Designer pour que nos lieux d'intérêt soient détectables.

    Terminez et partagez votre carte 3D personnalisée

    Quand nous revenons au Map Designer, nous voyons que nos collections d'endroits sont marqué pour l'inclusion. Cela ne rend pas les broches visibles automatiquement, mais cela nous donne accès aux éléments d'une recherche.

     Inclure les collections

    Nous pouvons les rendre faciles à trouver en personnalisant le Menu de recherche . Cela permettra à nos étudiants de trouver rapidement des éléments sur la carte en cliquant sur les éléments de menu qui recherchent automatiquement un tag spécifique.

     Personnaliser le menu Find

    Comme nous n'avons que quelques lieux d'intérêt sur notre carte, je décide qu'une seule recherche devrait les trouver tous, donc je retourne à Places Designer et j'ajoute le "Fire" tag à chaque lieu d'intérêt, puis retour.

    Je vérifie Personnaliser Find Menu et ajoute un nouvel item: "The Great Fire of London". Je vais avoir l'élément de menu automatiquement rechercher l'étiquette "Fire", et représenter l'élément avec l'icône "Fire". En même temps, je supprime l'élément que WRLD avait automatiquement ajouté, et décochez "Inclure les lieux Yelp dans les résultats de recherche du menu Trouver."

     New Find Item

    Enfin, Map Designer a aussi un éditeur JSON.

     Éditeur de cartes JSON

    Quelques modifications rapides rendront notre carte beaucoup plus utile en rendant nos lieux d'intérêt visibles sans faire d'abord une recherche manuelle.

    • Je change perform_start_up_search en "true".
    • Puis je change start_up_search_tag en "fire".

    Maintenant, chaque fois que la carte est ouverte, WRLD recherchera automatiquement la balise "fire" et affichera les lieux correspondants de l'image comme résultat de la recherche. Il affichera également les broches correspondantes sur la carte. En cliquant sur un résultat de recherche, vous faites défiler jusqu'au lieu d'intérêt et affichez la carte. WRLD note que bientôt, les utilisateurs n'auront pas besoin d'éditer JSON pour faire ces changements

     Terminé Carte

    Enfin, nous devons rendre la carte accessible à nos étudiants. Nous pouvons le faire soit en partageant un lien cliquable vers la carte, qui s'ouvrira directement dans le navigateur, soit en redirigeant les utilisateurs mobiles vers l'application, soit en l'incorporant comme iframe dans notre programme en ligne. Un clic sur Embed Web Code affiche un outil qui vous permet de personnaliser la taille de la carte embarquée

     Embed Web Code

    WRLD's Map Designer vous permet de créer et de partager des cartes 3D éducatives utiles sans codage. Les élèves peuvent explorer votre contenu basé sur la localisation et visualiser le matériel.

    Mais sachez que le codage pourrait encore améliorer notre carte. Par exemple, nous pourrions ajouter des polygones pour indiquer la zone endommagée par le feu chaque jour, afficher des points chauds en utilisant des données statistiques sur les victimes ou la température du feu, et nous pourrions coder en couleur les bâtiments pour indiquer quand ils ont commencé à brûler. Si vous souhaitez en savoir plus, consultez la série plus technique de Christopher Pitt sur WRLD sur la chaîne Web.




Source link