Om dit element te kunnen tonen dient eerst de basis integratie van Recranet Booking te worden afgerond.
Boeken op de kaart (Google Maps)
De 'Boeken vanaf interactieve kaart' module laat gasten direct boeken vanaf de interactieve kaart. Op de interactieve kaart zijn alle accommodaties te zien waarvoor de adresgegevens in het reserveringssysteem juist zijn ingevuld. Er is een Google Maps API key nodig in de basis configuratie indien je deze functionaliteit wilt gebruiken.
Pas het 'baseUrl' attribuut aan naar het pad waarop de accommodaties te vinden zijn (bijvoorbeeld /nl/accommodaties/). De gebruiker wordt automatisch doorgestuurd naar deze pagina wanneer de bezoeker zich nog niet op deze pagina bevindt. Het is belangrijk dat deze URL begint en eindigt met een slash (/).
De hoogte van deze module wordt automatisch bepaald aan de hand van de hoogte van het parent-element (container). Dit houdt in dat de container rond dit Element een responsive hoogte moet krijgen op de website. De kaart zal dan automatisch de (responsive) hoogte overnemen van de container.
<recranet-accommodations-map class="recranet-element" baseUrl="/"></recranet-accommodations-map>
Boeken op de plattegrond
De 'Boeken vanaf interactieve kaart' module laat gasten direct boeken vanaf de interactieve kaart. Op de interactieve kaart zijn alle accommodaties te zien waarvoor een voorkeursplaats te reserveren is. Door te klikken op een beschikbare locatie op de kaart, wordt de gebruiker naar het reserveringsproces gestuurd met de juiste accommodatie, voorkeurslocatie en periode.
Pas het baseUrl attribuut aan naar het pad waarop de accommodaties te vinden zijn (bijvoorbeeld /nl/accommodaties/). De gebruiker wordt automatisch doorgestuurd naar deze pagina wanneer de bezoeker zich nog niet op deze pagina bevindt. Het is belangrijk dat deze URL begint en eindigt met een slash (/).
De hoogte van deze module wordt automatisch bepaald aan de hand van de hoogte van het parent-element (container). Dit houdt in dat de container rond dit Element een responsive hoogte moet krijgen op de website. De kaart zal dan automatisch de (responsive) hoogte overnemen van de container.
<recranet-accommodations-map class="recranet-element" baseUrl="/"></recranet-accommodations-map>