Archive for december, 2011

Routenet in nieuw jasje

Sinds kort heeft Routenet niet alleen een groter gedeelte van de website gereserveerd voor de kaart, maar is de kaart ook sneller te verschuiven en te verschalen en eenvoudiger te bedienen! Inderdaad: Routenet gebruikt nu ook de Open Source JavaScript-bibliotheek OpenLayers voor kaartnavigatie. Routenet is hierin zeker niet de enige populaire publiekswebsite: ook de TomTom Online Routeplanner maakt gebruik van deze bibliotheek.

OpenLayers op Routenet

Hoewel het harde blauw in de standaard vormgeving van OpenLayers gelukkig is vervangen door een doorzichtig donkergrijs ademen ze nog sterk de technische vormgeving uit. Dit komt met name tot uitdrukking in de pop-up vensters en de widget om de basiskaartlagen te veranderen. Wat in deze widget wel opvalt, is het aanbod van OpenStreetMap als basiskaart voor Routenet! Hetzelfde icoon van de widget voor de basiskaartlagen wordt ook gebruikt voor de overzichtskaart rechts onder.

De kaartnavigatie is zeker snel: door de kaart in kleinere plaatjes (zogenaamde map tiles) op te vragen ontstaat een zeer snelle gebruikservaring. Deze plaatjes zijn al van tevoren gemaakt, dus de webservers leveren slechts statische kaartjes uit voor de basiskaarten. Wat letterlijk in het oog springt is het gedrag van de plaatsnamen en de wegnummers. Bij iedere verplaatsing van het kaartbeeld worden deze namen en nummers opnieuw bovenop de basiskaart gelegd, ook op dat gedeelte van de kaart, dat al eerder was opgevraagd. De plaatsnamen en wegnummers worden niet als statische plaatjes geleverd, maar lijken dynamisch, op dat moment te worden gegenereerd. De positionering van de plaatsnamen en wegnummers wordt iedere keer opnieuw berekend, wat een schokkerige gebruikservaring oplevert. Wordt de ene keer het wegnummer wel getoond, dan verdwijnt deze wanneer het kaartbeeld ook maar iets wordt verschoven!

Bovendien is het centrum van de bebouwde gebieden als witte stip/vierkant opgenomen in de basiskaart, maar ook in het plaatje met plaatsnamen dat er bovenop wordt gelegd. Soms zijn de stippen uit de basiskaart en de tekstkaart niet goed op elkaar gelegd, waardoor deze dubbel te zien zijn. Ten slotte zijn sommige bebouwde gebieden wel aangeduid met een stip, maar is er vervolgens geen naam! Erg verwarrend…

Het lijkt erop, dat de namen en nummers als apart plaatje worden opgevraagd om te voorkomen, dat deze worden afgehakt op de randen van de individuele map tiles, of omdat een plaatsnaam als Capelle aan den IJssel of Alphen aan den Rijn niet passen op een plaatje van 256 bij 256 pixels. Maar dat is toch een kwestie van meta-tiling? Hierbij vraagt de tiling engine een groter plaatje op (bijvoorbeeld 1280 bij 1280) en hakt deze daarna op in 25 kleinere plaatjes van 256 bij 256. Dan heb je betere tekstplaatsing en toch kleinere, statische plaatjes.

Het is erg goed om te zien, dat ook Routenet met OpenLayers en OpenStreetMap aan de slag is gegaan. Toch ligt de nadruk momenteel nog vooral op het realiseren van de technologische integratie in plaats van op een betere gebruikservaring. Maar wat niet is, kan nog komen!

VPRO: Nederland van Boven

Op 6 december 2011 start de VPRO televisiereeks van het crossmediale project Nederland van Boven, waarin Nederland vanuit vogelperspectief wordt bekeken. Abonnees van de VPRO-gids ontvingen eerder deze week al een eerste voorproefje in de bus. Door de voorpagina van de VPRO-gids voor de webcam te houden, konden zij met behulp van augmented reality op het scherm zien hoe het intercityverkeer zich in 24 uur tussen de treinstations beweegt.

Cover VPRO gids

Gisteren is de website Nederland van Boven gelanceerd, waarop nu het thema van de eerste aflevering van komende dinsdag al is uitgewerkt 24 uur: onze dagelijkse patronen en ritmes. Met behulp van de interactieve kaart kan je vervolgens bekijken waar naartoe je binnen Nederland in 24 uur kunt reizen met de eigen auto of met het openbaar vervoer. Geef zelf je startlocatie op, bepaal je vervoermiddel en trek ten slotte aan de slider om Nederland van blauw naar rood te zien verkleuren!

Nederland van Boven

De reisduur om van A naar B te komen is berekend per postcodegebied waarin de eerste 4 cijfers gelijk zijn. Dit is ook de kleinste adreseenheid waarop gezocht kan worden. De achtergrondkaart is gemaakt door het bedrijf Stamen Design uit San Francisco op basis van gegevens uit OpenStreetMap. Als je verder inzoomt, verschijnen de namen van de wijken en buurten van het CBS. Stamen tekende onder andere voor de kaarten in de iPad applicatie van de National Geographic Society.

Door de namen in de kaart in het VPRO lettertype te plaatsen wordt de kaart een naadloos onderdeel van de website. De hoeveelheid namen en de plaatsing van de namen is geoptimaliseerd door middel van het programma Dymo, dat Stamen zelf heeft ontwikkeld. De iconen op de kaart voor ziekenhuizen, vliegvelden en boerderijen sluiten mooi aan bij het lettertype. Grote bosgebieden worden subtiel gevisualiseerd door middel van een puntraster, een techniek die Stamen eerder ontwikkelde voor Dotspotting.

Het doet niet alleen goed om een interactieve kaart als onderdeel van een groot crossmediaal project te zien waar zoveel grafische vormgeving in is gaan zitten, maar het is des te leuker, dat de broncode van de vele gereedschappen om deze kaart te realiseren en de kaartgegevens zelf beschikbaar zijn. Er is kortom geen excuus om de VPRO een groter compliment te geven dan een eigen interactieve kaart te maken!

UPDATE 1 december 2011: Meer achtergrondinformatie van de makers zelf is te lezen op de blog van Stamen met een extra toegift van Nathaniel Vaughn Kelso.