Custom Google Map template used to show locations on your website in a different way than regular Google maps. It can be easily customised to perfectly fit your website style!

Featured screenshots

Supported browsers

• v9+ Internet Explorer
• Supported Firefox
• Supported Google Chrome
• Supported Safari
• Supported Opera

Required List columns

This template can be applied on list views that have the following columns:

Template Field	Type	Usage
fldTitle	Single line of text	Image tooltip (alt)
fldLatitude	Single line of text	Latitude for the location
fldLongitude	Single line of text	Longitude for the location
fldDescription	Multiple lines (Enhanced rich text)	Location description, html content is allowed

Info

If you have different column names you can change them from the Apply tab and change field mappings from the Fields Mapping section.

Settings

This template has the following settings to play with. Below are the available settings with all options and their default values:

Setting	Default	Usage
componentDescription	Our Locations	Shows a caption that will appear at the bottom of the map
width	100%	map width size
centerLatitude	25.19709	center Latitude for the map
centerLongitude	55.274797	center Longitude for the map
zoom	12	the initial resolution at which to display the map is set by the zoom property, where zoom 0 corresponds to a map of the Earth fully zoomed out

Getting Latitude & Longitude

To get the Latitude and Longitude for a specific location from Google Maps, you can go to Google map's site and search for the name of the target location, for example here is how to get the exact location for Amman:

As can be seen, you can get the Latitude and Longitude from the url, the first value after the @ sign is the Latitude, and the second one after the comma is the Longitude.

Credit

The following libraries were used to help creating this template:

Custom Google Map

Google Maps