{"id":4191,"date":"2017-05-14T12:10:03","date_gmt":"2017-05-14T10:10:03","guid":{"rendered":"https:\/\/outilstice.com\/?p=4191"},"modified":"2026-05-12T08:12:54","modified_gmt":"2026-05-12T06:12:54","slug":"storymapjs-des-cartes-qui-racontent-une-histoire","status":"publish","type":"post","link":"https:\/\/outilstice.com\/en\/2017\/05\/storymapjs-des-cartes-qui-racontent-une-histoire\/","title":{"rendered":"StoryMapJs. Maps that tell a story"},"content":{"rendered":"<p><strong>StoryMapJs<\/strong> is a free online tool that allows to<strong> tell a story through different geographical points on a map.\u00a0<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-4192\" src=\"https:\/\/outilstice.com\/wp-content\/uploads\/2017\/05\/storymap.jpg\" alt=\"StoryMap\" width=\"632\" height=\"373\" srcset=\"https:\/\/outilstice.com\/wp-content\/uploads\/2017\/05\/storymap.jpg 861w, https:\/\/outilstice.com\/wp-content\/uploads\/2017\/05\/storymap-300x177.jpg 300w, https:\/\/outilstice.com\/wp-content\/uploads\/2017\/05\/storymap-768x454.jpg 768w\" sizes=\"auto, (max-width: 632px) 100vw, 632px\" \/><\/p>\n<p><strong>A simple way to create an infographic in minutes and learn about multimedia storytelling<\/strong> illustrating a series of events that can be located on a map. It looks like <a title=\"Heganoo. Telling a story with a map\" href=\"https:\/\/outilstice.com\/2015\/05\/heganoo-raconter-une-histoire-avec-une-carte\/\" target=\"_blank\" rel=\"noopener\">Heganoo that I presented here<\/a> some time ago.You will be able to insert on each point of the map multimedia content that visitors will be able to discover with a single click.<\/p>\n<p><strong>StoryMapJs is quite easy to use<\/strong>. Once registered you will be able to create your first SToryMap. You give it a title and then you can create the different steps you want to propose to your student readers. Each step corresponds to a point on the map. To place a point, simply search for it using the built-in search engine.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-4193\" src=\"https:\/\/outilstice.com\/wp-content\/uploads\/2017\/05\/carte.jpg\" alt=\"Intercative card\" width=\"539\" height=\"290\" srcset=\"https:\/\/outilstice.com\/wp-content\/uploads\/2017\/05\/carte.jpg 684w, https:\/\/outilstice.com\/wp-content\/uploads\/2017\/05\/carte-300x161.jpg 300w\" sizes=\"auto, (max-width: 539px) 100vw, 539px\" \/><\/p>\n<p>You will then give a title to the step and complete it with text. Above all, you will be able to insert multimedia content into it. <strong>You have a choice: sound, video, images.<\/strong> StoryMapsJs can import items from Twitter, Flickr, YouTube, Vimeo, vine, Dailymotion, Google Maps, Wikipedia, SoundCloud \u2026 and many others.<\/p>\n<p>Once completed, your story in card form is ready to be shared via email or social media. <strong>You can also retrieve a code to integrate it into your website or blog.<\/strong> The end result is very successful and enhances your storytelling in the form of a kind of slideshow in which the reader switches from one slide to another with one click, which generates movement and a zoom effect on the map.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-4194\" src=\"https:\/\/outilstice.com\/wp-content\/uploads\/2017\/05\/GOT-1024x450.jpg\" alt=\"Game of Thrones map\" width=\"720\" height=\"316\" srcset=\"https:\/\/outilstice.com\/wp-content\/uploads\/2017\/05\/GOT-1024x450.jpg 1024w, https:\/\/outilstice.com\/wp-content\/uploads\/2017\/05\/GOT-300x132.jpg 300w, https:\/\/outilstice.com\/wp-content\/uploads\/2017\/05\/GOT-768x337.jpg 768w, https:\/\/outilstice.com\/wp-content\/uploads\/2017\/05\/GOT.jpg 1161w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><strong>The StorymapJs tool is free and ad-free. It is part of a series of<a href=\"https:\/\/outilstice.com\/2022\/02\/narration-multimedia-6-outils-libres-et-gratuits-pour-se-lancer\/\">Multimedia storytelling tools<\/a> proposed by a department of the University of Chicago. It is clearly aimed at the world of education and the press.<\/strong>. Only regrets, he is in English and asks for an email address to be able to register and use it.<\/p>\n<p>Link: <a title=\"Storymap\" href=\"https:\/\/storymap.knightlab.com\/#overview\" target=\"_blank\" rel=\"nofollow noopener\"><strong>StoryMapJs<\/strong><\/a><\/p>\n<p>&nbsp;<\/p>","protected":false},"excerpt":{"rendered":"<p>StoryMapJs is a free online tool that allows you to tell a story through different geographical points on a map.\u00a0 A simple way to create an infographic in minutes and learn about...<\/p>","protected":false},"author":1,"featured_media":4192,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"no","_lmt_disable":"no","footnotes":""},"categories":[69,87,11,64,8,3],"tags":[31,83,25,82,80],"class_list":["post-4191","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-competences-numeriques","category-geographie","category-histoire","category-multimedia","category-presentations","category-utilitaires","tag-creation","tag-histoire","tag-infographie","tag-presentations","tag-utilitaires"],"modified_by":"Fidel Navamuel","_links":{"self":[{"href":"https:\/\/outilstice.com\/en\/wp-json\/wp\/v2\/posts\/4191","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/outilstice.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/outilstice.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/outilstice.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/outilstice.com\/en\/wp-json\/wp\/v2\/comments?post=4191"}],"version-history":[{"count":1,"href":"https:\/\/outilstice.com\/en\/wp-json\/wp\/v2\/posts\/4191\/revisions"}],"predecessor-version":[{"id":16133,"href":"https:\/\/outilstice.com\/en\/wp-json\/wp\/v2\/posts\/4191\/revisions\/16133"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/outilstice.com\/en\/wp-json\/wp\/v2\/media\/4192"}],"wp:attachment":[{"href":"https:\/\/outilstice.com\/en\/wp-json\/wp\/v2\/media?parent=4191"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/outilstice.com\/en\/wp-json\/wp\/v2\/categories?post=4191"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/outilstice.com\/en\/wp-json\/wp\/v2\/tags?post=4191"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}