A simple add-on for SP Pagebuilder to display a map from OpenStreetmap on your Joomla website.

Content Settings

Content settings, The Content Settings contains all the specific settings for an add-on. Here is a short overview.

Setting Description
Longitude/Latitude Enter latitude and longitude value of the location with comma separated. eg. 40.7324319, -73.82480799999996
Use this website to get your location latitude and longitude values. (enter the city or place name and hit Find button. The results will be listed here with latitude and longitude values.)
Popup Content A text field for the Popup text blocks.
Marker Icon Color variations of the standard leaflet marker, support 08 icon styles

Map Settings

Map settings, The Map Settings contains all the specific settings for an add-on. Here is a short overview.

Setting Description
Mapbox Acess Token In order to use tiles from Mapbox, you must also request an access token. Use this website to get access token. By default, the WarpTheme token already added, however, you can create new account then get your own token
Map Height Set the height of the map.
Map Zoom Controlling the zoom
Show Copyright Info. Shows a attribution of the used Javascript library for interactive maps 'Leaflet'.
Map Style Mapbox classic map IDs (Support 14 styles)
Show Popup Show the popup content on hover or click

General Settings

General settings, which are the same across all add-ons, are grouped in a General section at the bottom. Here is a short overview.

Setting Description
Margin Keep the existing vertical margin (e.g. from headings), force specific margin or remove all margin. Margins of an element can be removed from the top and bottom.
Remove top margin. Use this option to remove the add-on's top margin
Remove bottom margin. Use this option to remove the add-on's bottom margin
Animation Overwrite the animation settings from the section. This won't have any effect unless animations are enabled for the add-on.
Box Shadow Select the map's box shadow size.
Hover Box Shadow Select the map's box shadow size on hover.
Visibility Define when the add-on should be hidden.
CSS Class If you wish to style a particular content element differently, then use this field to add a class name and also refer to it in your css file.