Hoe maak ik een Story Map Tour?

Tips and tricks omtrent het toevoegen van diverse media bestanden in de Story Map Tour

Introductie

De Story Map Tour is een webapp waarmee geo-informatie in een bepaalde volgorde kan worden getoond, als een verhaal. Aan elk object kan een foto, tekst of andere media toegevoegd worden die naast de interactieve kaart worden getoond. Gebruikers kunnen doorklikken naar de volgende locatie door middel van de navigatiebalk, of ze kunnen de kaart zelf doorzoeken en zo meer ontdekken.

Dit type Story Map is zeer geschikt om een (chronologische) verhaal te vertellen aan de hand van foto’s en/of video’s. Bijvoorbeeld om toeristen de mooiste plekjes van de stad te laten zien, om verschillende onderdelen van een project weer te geven of om geografische kenmerken van een bepaald gebied te laten zien.

In dit artikel worden tips gegeven omtrent het importeren van verschillende media-onderdelen (zoals foto’s, video’s e.d.) in de Story Map Tour. Tevens worden er voor elke methode de stappen beschreven.

Voorbereiding

Voordat een Story Map Tour gebouwd wordt dienen er media-onderdelen verzameld te worden (foto’s en/of video’s) die gebruikt worden om een verhaal mee te vertellen. Er zijn verschillende manieren om je afbeeldingen op te slaan. Zo kunnen bijvoorbeeld afbeeldingen gebruikt worden die zijn opgeslagen in Flickr.

Indien een ArcGIS Online account gebruikt wordt met ‘Publisher’-rechten is er de mogelijkheid om foto’s direct te uploaden in de Map Tour Builder vanaf een computer, waarna ze opgeslagen worden in de cloud samen met de webmap. Deze optie is prettig als de foto’s nog niet online staan, of als de Map Tour foto’s bevat die alleen binnen een organisatie zichtbaar mogen zijn.

Verder kunnen foto’s vanaf het web worden toegevoegd aan de Story Map. Dit wordt gedaan door middel van het refereren naar de afbeelding via een URL.

Naast afbeeldingen, kunnen ook video’s in een Map Tour verwerkt worden. De Map Tour Builder heeft namelijk toegang tot video’s die opgeslagen staan in een YouTube account. Deze video’s kunnen bereikt worden door middel van het refereren van de URL van de betreffende video.

Tot slot kunnen media-bestanden geïmporteerd worden via een CSV bestand. Hierbij wordt er een CSV template bewerkt en vervolgens geïmporteerd in de Story Map Tour. Deze mogelijkheid zal echter in detail worden beschreven in een volgend technisch artikel.

Voor alle manieren geldt dat in principe afbeeldingen van elke grootte en vorm gebruikt kunnen worden. Het is echter aan te raden om afbeeldingen te gebruiken met een ‘landscape orientation’ (afbeeldingen die breder zijn dan ze hoog zijn).

Een handige tip om snel de foto’s op de juiste locatie in de kaart te krijgen is door gebruik te maken van foto’s met geotag-informatie. Geotaggen is het koppelen van een lengte- en breedtegraad aan een foto of video (deze informatie wordt weggeschreven in de EXIF gegevens van een foto). Met andere woorden, de foto of video bevat informatie over de locatie waar de foto is genomen. De Story Map Tour kan deze informatie inlezen waardoor de foto’s automatisch op de juiste locatie komen te liggen op de kaart.

Starten

Ga naar Storymaps.ArcGIS.com, log in met je inloggegevens. Klik vervolgens op het tabje Apps, bovenin het scherm.

Op de nieuwe pagina, klik op ‘Build’, naast de Story Maps Tour.

Een andere manier om het bouwen van een Story Map Tour te starten is via Content. Klik op ‘Maken’ > ‘Een template gebruiken’ om een nieuwe webapp te maken, er verschijnt er een nieuw venster.

In het ‘Een nieuwe webapp maken-venster’, klik op de tweede tab ‘Een storymap bouwen’. Kies vervolgens in dit tabblad voor de Story Map Tour, en klik tot slot op ‘Een webapp maken’

Bron foto’s bepalen

Na het kiezen van de Map Tour Template verschijnt er een venster waarin de locatie van de media gekozen dient te worden:

Foto’s Importeren vanuit Flickr

Indien er voor gekozen wordt om foto’s te importeren vanuit Flickr, dienen de volgende stappen ondernomen te worden. Ten eerste, typ naast ‘Look Up’ je Flickr gebruikersnaam, en klik op Look up. Kies vervolgens de Photo Set in kwestie en klik op Import. Select a Tag hoeft in dit geval niet te worden ingevuld aangezien er al gekozen is voor een foto set.

Vervolgens verschijnt er een nieuw vester. Het venster bestaat uit twee tabs met foto’s aan de linkerzijde en een kaart aan de rechterzijde. Indien de foto’s locatiegegevens bevat in de vorm van Geotags zullen deze automatisch op de kaart gevisualiseerd worden. Als de foto’s geen geotag-informatie bevat kun je ze handmatig een locatie geven:

In het ‘To Locate’ tab, selecteer een foto, waarna je op de kaart aangeeft waar deze foto precies is genomen. Na het selecteren van de locatie wordt de foto automatisch vanuit het ‘To Locate’ tabje naar het ‘Located’ tabje verplaatst. Let op: Je kunt hier niet de volgorde van de foto’s wijzigen in de ‘Located’ tab, dit kan eventueel in een later stadium.

Nadat de gewenste foto’s zijn geselecteerd en er (eventueel handmatig) een locatie is toegewezen aan elke foto klik je op Import. Hierdoor zullen alle foto’s en hun locatie in de Located tab vervolgens in de Map Tour worden geïmporteerd.

Video’s importeren vanuit YouTube

Het importeren van video’s vanuit Youtube gaat op min of meer dezelfde manier als het importeren van foto’s vanuit Flickr. Na het kiezen van de optie YouTube in de vorige stap verschijnt het onderschaande scherm. Hierin dien je een YouTube gebruikersnaam te typen en vervolgens te klikken op ‘Import’. In het volgende scherm kun je de video’s selecteren en lokaliseren op een kaart, net zoals beschreven in de vorige sectie. Net als bij het importeren van foto’s vanuit Flickr geldt ook hier dat indien de foto’s locatiegegevens bevatten in de vorm van Geotags deze automatisch op de kaart gevisualiseerd worden.

Refereren naar afbeeldingen op het web

Daarnaast, kun je ook foto’s toevoegen aan de Map Tour door naar afbeeldingen op het web te refereren via een URL. Zorg er dan wel voor dat de afbeeldingen niet te groot zijn. Geadviseerd wordt om te werken met foto’s kleiner dan 400 Kb, grotere afbeeldingen kunnen namelijk de performance van je Story Map negatief beïnvloeden. De meest ideale grootte voor een afbeeldingen waarnaar gerefereerd wordt via een URL is 1000 pixels breed en 750 pixels hoog (landscape oriëntation). Wat betreft thumbnail afbeeldingen wordt geadviseerd om te werken met een grootte van 250 pixels breed en 166 pixels hoog. Indien de bovengenoemde afbeeldingen niet voldoen aan de bovengenoemde criteria, adviseren we je om ze te hosten in Flickr zoals eerder uitgelegd of direct te uploaden. Dit wordt later in dit artikel uitgelegd. Daarnaast wordt geadviseerd om te werken met JPG afbeeldingen, aangezien deze over het algemeen kleiner zijn qua bestandsgrootte in vergelijking met andere bestandsformaten.
Om foto’s toe te voegen aan de Story Map Tour via een URL, klik op het tandwielicoon in het ‘Welcome to the Map Tour builder scherm’. Vervolgens, selecteer ‘Start a new Tour’ in het onderstaande venster.

Na het selecteren van ‘Start a new Tour’, verschijnt de pagina waarin je de Map Tour kunt bouwen. Als je vervolgens op ‘Add’ klikt wordt er een nieuw punt toegevoegd aan de kaart, tevens verschijnt het onderstaande nieuwe venster:

Onder Picture kan de URL van de afbeelding worden geplakt, en eventueel onder Thumbnail de afbeelding van de thumbnail. Vervolgens kan er onder tabje ‘Informatie’ een titel en beschrijving worden toegevoegd aan de foto. Uiteindelijk kan de locatie van de foto bepaald worden onder het tabje ‘Location’. Klik tot slot op ‘Add Tour point’ om het punt toe te voegen.

Afbeeldingen Uploaden

Indien er voor gekozen wordt om de foto’s direct te uploaden vanaf een computer, klik je op het rechter icoontje onder ‘I need to upload my images’. Let op: alleen een ArcGIS Online account met ‘Publisher’ rechten heeft de mogelijkheid om foto’s direct te uploaden in de Map Tour Builder.
Bij het kiezen van deze optie wordt er een feature layer aangemaakt in ArcGIS Online waarin de tour punten en foto’s worden opgeslagen. Er verschijnt een nieuw venster waarin deze feature layer van een naam wordt voorzien. Naast ‘Folder’, kies in welke map deze feature layer binnen ArcGIS Online wordt opgeslagen. Klik vervolgens op ‘Create the Layer’.

Vervolgens verschijnt de pagina waarin je de Map Tour kunt bouwen. Net als in de sectie  ‘Refereren naar afbeeldingen op het web’, klik op ‘Add’ om een nieuwe punt toe te voegen aan de kaart. Vervolgens verschijnt het volgende nieuwe venster:

Onder het tabje media, voeg de foto in kwestie toe door deze in het vak te slepen of door naar de foto te navigeren door op de groene knop te klikken. Vervolgens kan er onder tabje ‘Informatie’ een titel en beschrijving worden toegevoegd aan de foto. Indien de foto geen geotag-informatie bevat, kan de locatie van de foto bepaald worden onder het tabje ‘Location’. Klik tot slot op ‘Add Tour point’ om het punt toe te voegen.

Content

Tot slot is er nog de mogelijkheid om te refereren naar de URL van foto’s die geüpload zijn naar Content in je ArcGIS Online account. Om foto’s op deze manier toe te voegen ga je naar Mijn Content, klik op ‘Item Toevoegen’ en kies vervolgens voor ‘Van mijn computer’.

In het nieuwe venster, klik op Choose File, en navigeer naar de locatie van de foto. Geef de foto en titel en een label en klik op ‘Item Toevoegen’. Het bestand zal vervolgens in Mijn Content komen te staan. Na het toevoegen van de foto, kies ‘Delen’ rechts in het scherm en selecteer met wie je het bestand wilt delen. Door het delen wordt er een unieke URL aangemaakt, welke vindbaar is onder URL rechtsonder in het scherm: 

Om deze foto toe te voegen aan je Story Map, volg de stappen in de sectie Refereren naar afbeeldingen op het web. Echter, in het scherm ‘Add a new tour Point’ plak je de zojuist gegenereerde URL.