Webtourist ® Free Google Map for your site

Hotel guests often require exact location to decide a booking at a hotel. Is the property close to a highway, underground station or directly on the beach. Google makes it easy to have you map your hotel and provide the map within your side. Webtourist tries to help you to implement your hotel map in your own website and to keep our own data as accurate as possible. You are only few steps away from having your own Google Map (code) within your site.

Sign up for Google Maps

Displaying a google map within your website requires you to sign up for the Google Maps API. Simply click here to recieve your own Google API Key. Enter your website (domain like: http://www.your-hotel.com) and agree to terms and conditions of Google Maps. You then receive your own API Key which enables you to add a google map to your website.

Required code for your site

You then have to implement some code into you website. We recommend you to build a separte page which you for example could call: our-google-location.html. Below we prepared you the code. Make sure that you replace our given variables with the data given from Google (API-Key) and Google Maps at Webtourist (Longitude and Latitude of your property).

<html> <head> <title>"Your hotel name here" Location</title> <meta name="description" content="Your hotel description"> <script src="http://maps.google.com/maps?file=api&v=2&key=your google api key here" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ function load() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map")); map.addControl(new GSmallMapControl()); map.addControl(new GMapTypeControl()); map.addControl(new GScaleControl()); map.setCenter(new GLatLng(Your Longitude,Your Latitude), 17); map.setMapType(G_HYBRID_MAP); map.openInfoWindow(map.getCenter(), document.createTextNode("Your Hotel Name, Your Hotel Address here!")); } } //]]> </script> </head> <body onload="load()" onunload="GUnload()"> <div id="map" style="width: 500px; height: 300px"></div> </body> </html>

Copy and paste this code into a new html page. Then replace the following parts of the code:

"Your hotel name here"
Your hotel description
your google api key here
Your Longitude, Your Latitude

It is realy easy getting a Google Map on your site!

Example: Our CEO's home office

Below you see a "hybrid map" of our CEO's Office generated with the same code we provide you above!

Roger Balmer
Sägeweg 4
CH-8166 Niederweningen
Switzerland
Longitude: 47.508876
Latitude: 8.377029

Webtourist ® Free Google Map for your site

Webtourist ® Free Google Map for your site

Sign up for Google Maps

Required code for your site

Example: Our CEO's home office

More Documentation

Hotel Manager

Webtourist recommends