Skip to content

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]

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]

Specify the offset in pixel where the popup must show

popup:offset="0,0" [OPTIONAL]

Specify the max width for the popup

popup:max_width="400" [OPTIONAL]

Specify the min width for the popup

popup:min_width="200" [OPTIONAL]

Open the popup on hover

popup:open_on_hover="no" [OPTIONAL]

Open the popup by default

possible values no|yes

popup:open_by_default="yes" [OPTIONAL]

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"