Appearance
Map Polygon
The add polygon tag for use inside the {exp:reinos_maps:map}
tag
The tag
{exp:reinos_maps:map}
{maps:add_polygon
address="den-helder|zwolle|deventer|gorssel|arnhem|klarenbeek|apeldoorn"
}
{/exp:reinos_maps:map}
Tag parameters
Below are the Tag Parameters. Those parameters can be used in the tag described above.
addresses
The address for the polygon. Because this param need 2 address to create the polygon, use a pipline to seperate.
addresses=""
latlngs
The latlng. Because this param need 2 latlng to create the rectangle, use a pipline to seperate.
latlngs=""
json
a json string with lat, lng.
json="
[39.74732195489861, -105.00432014465332],
[39.74620006835170, -105.00715255737305],
[39.74468219277038, -105.00921249389647],
[39.74362625960105, -105.01067161560059],
[39.74290029616054, -105.01195907592773],
[39.74078835902781, -105.00989913940431],
[39.74059036160317, -105.00758171081543],
[39.74059036160317, -105.00346183776855],
[39.74059036160317, -105.00097274780272],
[39.74072235994946, -105.00062942504881],
[39.74191033368865, -105.00020027160645],
[39.74276830198601, -105.00071525573731],
[39.74369225589818, -105.00097274780272],
[39.74461619742136, -105.00097274780272],
[39.74534214278395, -105.00123023986816],
[39.74613407445653, -105.00183105468751],
[39.74732195489861, -105.00432014465332],
[39.74354376414072, -105.00361204147337],
[39.74278480127163, -105.00301122665405],
[39.74316428375108, -105.00221729278564],
[39.74390674342741, -105.00283956527711],
[39.74354376414072, -105.00361204147337],
[39.73989736613708, -105.00942707061768],
[39.73910536278566, -105.00942707061768],
[39.73923736397631, -105.00685214996338],
[39.73910536278566, -105.00384807586671],
[39.73903936209552, -105.00174522399902],
[39.73910536278566, -105.00041484832764],
[39.73979836621592, -105.00041484832764],
[39.73986436617916, -105.00535011291504],
[39.73989736613708, -105.00942707061768]
"
stroke:enable
Enable the stroke
stroke:enable="yes"
stroke:color
set the stroke color.
stroke:color="#000000" [OPTIONAL]
stroke:opacity
set the stroke opacity..
stroke:opacity="1" [OPTIONAL]
stroke:weight
Set the stroke weight
stroke:weight="6" [OPTIONAL]
fill:enable
Enable the fill option
fill:enable="yes"
fill:opacity
set the fill opacity.
fill:opacity="1" [OPTIONAL]
fill:color
set the fill color
fill:color="#000000" [OPTIONAL]
tooltip:content
set the tooltip content.
tooltip:content="[location]" [OPTIONAL]
tooltip:direction
Direction where to open the tooltip. Possible values are: right
, left
, top
, bottom
, center
, auto
.
auto will dynamically switch between right
and left
according to the tooltip position on the map.
tooltip:direction="auto" [OPTIONAL]
tooltip:permanent
Whether to open the tooltip permanently or only on mouseover.
tooltip:permanent="no" [OPTIONAL]
tooltip:sticky
If yes
, the tooltip will follow the mouse instead of being fixed at the center.
tooltip:sticky="no" [OPTIONAL]
popup:content
The content for the popup (infowindow) e.g: <h1>Yeah [location]</h1>
Variables : [location]
[route_to_url]
[route_from_url]
[map_url]
[elevation]
[address]
[street_name]
[street_number]
[city]
[country]
[country_code]
[zipcode]
Note[elevation]
is only accessible when you set the get_elevation="yes"
param
Note using the latlng and omit the reverse_geocode_latlng
param to set to yes, you wont get any geocoding vars
popup:content="" [OPTIONAL]
popup:offset
Specify the offset in pixel where the popup must show
popup:offset="0,0" [OPTIONAL]
popup:max_width
Specify the max width for the popup
popup:max_width="400" [OPTIONAL]
popup:min_width
Specify the min width for the popup
popup:min_width="200" [OPTIONAL]
popup:open_on_hover
Open the popup on hover
popup:open_on_hover="no" [OPTIONAL]
popup:open_by_default
Open the popup by default
possible values no|yes
popup:open_by_default="yes" [OPTIONAL]
popup:auto_close
Close the popup when another popup is opened.
In case if you want to open 2 or more popups by default, you can combine this with popup:open_by_default="yes"
possible values no|yes
popup:open_by_default="yes" [OPTIONAL]
keys
To get the polygon via the api, you have to enter the key for you polygon. By default the keys are generated for you based on the address, number and latlng. To extend this with your own keys, you can use this param.
Use a colon :
to give it multiple keys
keys="key1_for_the_first_polygon:key2_for_the_first_polygon"