Google Map for the Multi Booking Page

News and new feature announcements
Post Reply
annettemorgenroth
Posts: 1335
Joined: Sun Jun 30, 2013 8:44 am

You can now display add a map to the multi booking page which shows markers for all your properties. This is how you can set it up:
  • Go to SETTINGS > PROPERTIES > DESCRIPTION and add values in "Latitude" and "Longitude" for all properties you want to showcase on the map
  • Get a map key from Google and enter in SETTINGS > BOOKING ENGINE > MULTI BOOKING PAGE > DEVELOPERS. Usually a free key is sufficient but make sure you fulfil all of Google requirements which at the moment are:
    • Allow access from your URL with the API Key (needs to be set in Google Cloud Platform)
    • Activate the "Maps JavaScript API" in Google (which is the one for embedding maps to websites)
    • Enabled billing in Google
    For more information see https://developers.google.com/maps/docu ... et-api-key
  • Activate the map module in SETTINGS > BOOKING ENGINE > MULTI BOOKING PAGE > LAYOUT
sistach_rentals
Posts: 5
Joined: Wed Aug 17, 2016 4:58 pm

Great feature, highly appreciated!

I didn't really like the thumbnail with scrolling, so I added this css in Developer Settings for all Properties:

div.gm-style-iw.gm-style-iw-c {max-height:300px !important; max-width:300px !important}
div.gm-style-iw-d {max-height:170px !important; width:200px;overflow:none !important}

In case someone else has a problem with scrolling :)
Post Reply