Interactieve Kaart met Leaflet: Een prototype bij RAI Amsterdam
Januari 2024 nadert snel, en met de komst van het nieuwe jaar staat ook het food en hospitality event van het jaar weer voor de deur: De Horecava. Het evenement dat bekend staat om zijn innovatieve benaderingen, is dit jaar van plan om een stap voorwaarts te zetten: van een papieren plattegrond naar digitale plattegrond. Als voorbereiding op deze verandering hebben we onlangs een bezoek gebracht aan de RAI Amsterdam, waar we hebben onderzocht of het gebruik van Leaflet een goede oplossing zou zijn voor deze digitale plattegrond m.b.v. een prototype.
1. De Interactieve Kaart
Interactieve kaarten zijn geen nieuwigheid meer; ze zijn een krachtig hulpmiddel geworden om gegevens op een visueel aantrekkelijke en intuïtieve manier te presenteren. Deze kaarten bieden gebruikers de mogelijkheid om door verschillende lagen van informatie te navigeren en specifieke details te verkennen die voor hen relevant zijn. Voor evenementen zoals de Horecava kunnen interactieve kaarten exposanten, bezoekers en organisatoren helpen om de lay-out van de locatie beter te begrijpen, specifieke stands of activiteiten te lokaliseren en efficiënter te navigeren.
2. Interactief vs Drukwerk
In vergelijking met traditionele gedrukte kaarten bieden interactieve kaarten tal van voordelen. Ze zijn dynamisch en kunnen in realtime worden bijgewerkt om wijzigingen in de indeling van de locatie weer te geven. Bovendien kunnen ze aanvullende informatie zoals openingstijden, links naar exposantenprofielen en zelfs real-time updates van evenementen integreren. Interactieve kaarten vergroten de betrokkenheid van de gebruiker en verbeteren hun algehele ervaring op het evenement.
3. Leaflet
Leaflet is een open-source JavaScript-bibliotheek die wordt gebruikt om interactieve, mobielvriendelijke webkaarten te creëren. Met Leaflet kunnen ontwikkelaars kaarten en kaartgerelateerde functionaliteiten integreren in webapplicaties met behulp van eenvoudige en aanpasbare code. Deze bibliotheek is populair geworden vanwege zijn gebruiksvriendelijkheid, modulariteit en brede ondersteuning voor verschillende kaartproviders en plugins. Zo geeft Leaflet onder andere de mogelijkheid om de kaart te stijlen. Bijvoorbeeld door een afbeelding over de kaart heen te leggen met de plattegrond van een evenement. Leaflet is open-source en gepubliceerd onder de BSD-2 license.
4. De Accuraatheid van GPS
GPS kan een nauwkeurigheid van enkele met meters tot zelfs enkele centimeters bieden. Hoewel GPS (Global Positioning System) een krachtige technologie is, heeft het ook zijn beperkingen. Accuraatheid kan variëren, vooral in stedelijke omgevingen met hoge gebouwen en andere interferenties. Dit kan leiden tot enige onnauwkeurigheid bij het vaststellen van exacte locaties. Dit kan je daarom alleen goed op locatie testen en was voor ons de belangrijkste reden om af te reizen naar de RAI Amsterdam. In ons prototype gebruiken we Leaflet in combinatie met een kaart van OpenStreetMaps. Op de kaart is niet alleen een marker zichtbaar waar de locatievoorziening van je telefoon denkt dat de telefoon zich bevindt, maar Leaflet toont ook een blauwe cirkel waarmee OpenStreetMaps aangeeft hoe precies hij denkt dat de marker is op de kaart.
5. Conclusie
Ondanks dat GPS door de aard van de technologie beter werkt op een open veld is de technologie goed genoeg om te bepalen in welke hal je je op dit moment bevind en welke kant je op zou moeten lopen om bij een andere hall of stand te komen. De technologie werkte niet goed genoeg om aan te geven bij welke stand je je exact bevind. Hiervoor zou de RAI bijvoorbeeld kunnen investeren in iBeacons, zodat de locatie bepaling van de telefoon accurater wordt, dan wat GPS standaard biedt. Een interactieve kaart met GPS is dus niet zalig makend, maar werkt goed genoeg om iemand te helpen met oriënteren.
