enfrdeitptrues
Advertising

Map

{Map height="string" type="enumeration" zoom="integer" latitude="float" longitude="float" markerLatitude="float" markerLongitude="float" popup="string" /}

Displays an embedded mobile friendly map with markers and different styles.

This tag uses the Leaflet library to render map material from the OpenStreetMap-Community. You can choose between several different map types that fits best your needs. Place a marker with a popup to show people where your exact location is.

Note: If you are going to have several hundred request per day for the page with the map, please contact the appropriate service provider. (The provider is linked in the bottom right corner of the map.)


Params for Map:

height: Sets the div height for the map. You can use all valid units for CSS (px, %, em, ...).

Default: 400px

type: Defines the overall looking of the map.

Default: OpenStreetMap

Possible values: OpenStreetMap, Humanitarian, GoogleMap, Hike&Bike, Terrain, Transport, Toner, Toner-Lite, Dark, Light

zoom: Defines the zoom level for the map.

Default: 13

Possible values: 1 - <map specific> (1=farest) (The different maps have different maxium zoom levels: OpenStreetMap 19, Humanitarian 20, all other maps 18)

latitude: Sets the coordinate for the latitude, also called "x" value. (Equator = 0) Together with longitude it defines the map center.

Default: 51.225

longitude: Sets the coordinate for the longitude, also called "y" value. (London = 0) Together with latitude it defines the map center.

Default: 6.779

markerLatitude: Sets the coordinate for the latitude. Together with markerLongitude it defines the marker position.

Default: none

markerLongitude: Sets the coordinate for the longitude. Together with markerLatitude it defines the marker position.

Default: none

popup: Defines a text that should be attached to the marker. Also HTML code can go inside here.

Default: none


How to use it:

{Map type="openstreetmap" zoom="11" markerLatitude="51.1612" markerLongitude="6.8839" popup="<b>Address</b><br/>We are located here!" /}

{Map type="terrain" zoom="11" markerLatitude="51.1612" markerLongitude="6.8839" popup="<b>Address</b><br/>We are located here!" /}


Example:

Changelog:

2017-05-31:

- Fixed parsing error when using multiple maps on one page

- Fixed naming problems with Hike&Bike option due to internal conversion of some Joomla editors

2017-04-13:

- Added new map types 'Terrain', 'Toner', 'Toner-Lite', 'Transport', 'Dark' and 'Light'

- Updated map Hike&Bike

- Removed type 'MapQuest'

- Improved performance: Speeded up loading times through multiple request servers


Available for:

Advertising

© 2010 - 2017 FINWICK® UG

We have 49 guests and no members online

enfrdeitptrues