AJAX
ss:ajax:delayedload ss:ajax:event ss:ajax:region
Data
ss:data:calendar ss:data:column ss:data:postrepeater ss:data:productbrandrepeater ss:data:productcategoryrepeater ss:data:productrepeater ss:data:repeater ss:data:table ss:data:template ss:data:tree
Forms
ss:forms:address ss:forms:captcha ss:forms:checkbox ss:forms:checkboxgroup ss:forms:codeeditor ss:forms:combobox ss:forms:datepicker ss:forms:dialogbox ss:forms:editbox ss:forms:fileupload ss:forms:form ss:forms:hidden ss:forms:money ss:forms:officeuseregion ss:forms:option ss:forms:password ss:forms:paymentmethod ss:forms:radiobutton ss:forms:radiobuttongroup ss:forms:row ss:forms:searchbox ss:forms:signature ss:forms:slider ss:forms:spinbox ss:forms:submitbutton ss:forms:submitimage ss:forms:submitlink ss:forms:successcontent ss:forms:textarea ss:forms:timepicker
Layout
ss:layout:gallery ss:layout:productgallery ss:layout:rotator ss:layout:stepper ss:layout:stepperpanel ss:layout:tablist ss:layout:tablistitem
Logic
ss:logic:dependency ss:logic:parse ss:logic:if ss:logic:else ss:logic:include ss:logic:variable
Navigation
ss:navigation:breadcrumbs ss:navigation:item ss:navigation:primary ss:navigation:secondary
Standard
ss:standard:audio ss:standard:embed ss:standard:icon ss:standard:image ss:standard:link ss:standard:script ss:standard:video
Templates
ss:templates:button ss:templates:card ss:templates:column ss:templates:fancybox ss:templates:faq ss:templates:flexlayout ss:templates:header ss:templates:row ss:templates:section ss:templates:teammember ss:templates:testimonial
Regions
ss:regions:content ss:regions:contentadditional ss:regions:security ss:regions:togglable
Third Party
ss:thirdparty:googlemap ss:thirdparty:googlemapmarker
Attributes
Examples

<ss:thirdparty:googlemap> </...>

Embed a Google Map in the page, configured with a specific center location and zoom level. Add markers to the map using child <ss:thirdparty:googlemapmarker> elements.

Content

Fixed locations to display on the map at all times.

Attributes

center
string
Center

Requires API Key

The location to initialize the map to. Google Maps recognises country, city, area and street names.
height
string
Height

Height of the map. No unit means pixels will be used, otherwise a percent sign can be included to use percentage values. Default = "100%".
id
string
(Required) Give this control a unique id. Can be accessed in the client DOM (eg, document.getElementById('myid') or in the server DOM using [? $myid ?] or [? $('myid') ?]).
saveState
boolean
SaveState

If true, then the last location of the map will be restored when the user visits the page again.
scrollWheel
bool
Scroll Wheel

Requires API Key

If true, the user won't be able to interact with the map using the scroll wheel on their mouse. Deafult = false.
static
boolean
Static

Force the use of a Static Map. This allows the use of a reduced functionality Map without an API key.
styles
string
Styles

Requires API Key

Set custom map styles.
width
string
Width

Width of the map. No unit means pixels will be used, otherwise a percent sign can be included to use percentage values. Default = "100%".
zoom
int
Zoom

Zoom level to use on the map. Leaving blank will allow the
Map to set zoom automatically. Possible values range from 1 (zoomed out), to 22 (zoomed in).
Default = "" (auto).
apikey
string
API Key

A Google Maps API key is required for the following features: - Map Centering - More than One Map Marker

Get an API Key

Examples

Standard Usage

Maps can be used without an API Key if you have only a single marker.

HTML:

Populate markers from a Datasource with a Repeater

You can create multiple markers easily using a Data Repeater. This example assumes $arrMarkerAddresses is an array filled with address data.

HTML: