background preloader

Storymaps

Facebook Twitter

Leaflet - a JavaScript library for interactive maps. Mapping Cinematographic Territories. Adam’s Wall (director Michael MacKenzie, 2008) This tutorial is a step-by-step guide to help anyone map her own narrative through our AtlasCine application and share it with friends, family and colleagues (see examples here: A more detailed description of this application is also available in the following paper “How can we map stories?

Mapping Cinematographic Territories

A cybercartographic application for narrative cartography” (2014) by S. Caquard and J.P Fiset. This application has been developed using a range of software (Open Source and Proprietary), including Google Drive. If you don’t already have a Google account, you will need to create one to follow the tutorial. The first step is to duplicate the database template in order to develop your own database: The template is currently stored in our account and you will only be able to edit if you copy into your Google drive. 2.

The size of this point will be defined by the column “time” (note: it is important to respect the format used for the time columns (HH:MM:SS). Create and view beautifully informative animated maps, for free! Story Maps. Applications. Odyssey.js. OpenStreetMap. Nouveau - l'Expédition. Earth Outreach. Before You Begin In order to complete this tutorial, you will need some text, photo and video content to add to your tour.

Earth Outreach

You can use your own text, photos and videos, or you can use the sample content provided by our friends at the Jane Goodall Institute (JGI). Just download the zip file below and extract the contents to a folder on your desktop. Tour_Builder_JGI_sample_content.zip (530k Zip file) Prerequisites To use Tour Builder and create your own tour, you will need a computer with internet access and ideally a web browser which supports the Google Earth Plugin. Click here for more information about the Google Earth Plugin and a list of platforms which currently support it. Let's Get Started! Access Tour Builder by pointing your browser at the URL below: In this section we’ll take a look at the home page and all of the things you can do with Tour Builder. Tour Builder Homepage The first page you will see is the Tour Builder homepage. Signing In Go ahead and sign in now! Home button My Tours. Home - TimeMapper - Make Timelines and TimeMaps fast! - from the Open Knowledge Foundation Labs.

Timeline JS - Beautifully crafted timelines that are easy, and intuitive to use. StoryMap JS - Telling stories with maps. Sans titre. Timescape. Tour Builder. Esri - App List. Snazzy Maps - Free Styles for Google Maps.

Google Street View Hyperlapse. Custom Google Maps Style Tool. A tool for playing around with Google Maps colours and generating the styling code.

Custom Google Maps Style Tool

The generated Google Maps code can be copied from the bottom of the page. Colours can be controlled with sliders below or by entering a hex value. Tags: api, custom, google maps, maps, styles Written by Myke Cook Mike is a web developer at Evoluted. Like this article? Styling Google Maps. Map Stylr is a new Google Maps API Styled Maps wizard that can help you create a unique style for your own Google Maps.

Styling Google Maps

Map Stylr includes the Styled Maps wizard and a showcase of styles created by users of the site. The Map Editor allows you to customize the presentation of the standard Google base maps, changing the visual display of such elements as roads, parks, and built-up areas. Instead of using the Map Editor tool you can use the Map Stylr 'showcase' to select from styles created by other map developers. If you find a style that you like in the showcase you can simply cut & paste the style JSON code into your own Google Maps creations. If you want a nice map style for your Google Map but don't want to go to the effort of creating your own unique style then you can find some great map styles on Snazzy Maps. Once you find a map style that you like you can click on its title and grab the style array. Designmodo has also created a nice Google Maps styled maps wizard.