A simple add-on for SP Pagebuilder to display a map from OpenStreetmap on your Joomla website.
Providers requiring registration
In addition to the providers you are free to use, we support some layers which require registration.
Esri
In order to use ArcGIS maps, you must register and abide by the terms of service . No special syntax is required.
Stadia Maps
In order to use Stadia maps, you must register . Once registered, you can whitelist your domain within your account settings.
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. |