Map

Map

The acs:Map control displays a Google map with the possibility to use markers and to search for an address on the map.

Map options can be customized using the acs:Parameters tag (see the Google Maps documentation for the available options). The default values are:

zoom: 8
mapTypeId: google.maps.MapTypeId.ROADMAP
navigationControl: true
navigationControlOptions: {style: google.maps.NavigationControlStyle.ZOOM_PAN}
mapTypeControl: true
scaleControl: true

You can define markers using the acs:Markers tag.

Attributes and elements

The following sections describe attributes, child elements, and parent elements.

Attributes

Attribute	Description
label	Creates a label tag next to the map.
labelposition	Where to place the label tag, "left" or "right"; default: left.
id	id attribute of the map.
latitude	XPath attribute; latitude of the central point of the map; must be a decimal in invariant format (using the "." as decimal separator)
longitude	XPath attribute; longitude of the central point of the map; must be a decimal in invariant format (using the "." as decimal separator)

Child elements

Name	Description
acs:Parameters	Contains options for the map.
acs:Markers	Contains optional markers to put on the map.

Parent elements

Element	Description
any xhtml or xsl tag

Examples

Copy

<acs:TextBox id="enr14" label="Address" init="{AGENDA/ADDRESS}"/>
<input type="hidden" name="country" id="country" value="France"/>
<acs:TextBox id="enr20" label="City" init="{AGENDA/CITY}"/>
<acs:Map id="mymap" longitude="{translate(AGENDA/LONGITUDE,',','.')}" latitude="{translate(AGENDA/LATITUDE,',','.')}">
  <acs:Parameters>
    <acs:Parameter name="zoom" value="6"/>
  </acs:Parameter>
  <acs:Markers>
    <acs:Marker id="mymarker" initLongitude="{translate(AGENDA/LONGITUDE,',','.')}" initLatitude="{translate(AGENDA/LATITUDE,',','.')}" longitude="enr21" latitude="enr22">
      <acs:SearchParameters>
        <acs:Parameter name="enr14" value=""/>
        <acs:Parameter name="enr20" value=""/>
        <acs:Parameter name="country" value=""/>
      </acs:SearchParameters>
    </acs:Marker>
  </acs:Markers>
</acs:Map>
<acs:MarkerSearchButton id="markersearch" mode="FromAddress" mapid="mymap" markerid="mymarker" text="Search the address on the map"/>