Joomla extensions, php and js fragments. Design and Implementation of bespoke software
xbMaps Demo
This is the xbMaps Demo Area
The Menu above shows the main front end screens. All pages have can have an optional heading, subheading and text above the main content area. This is used here to introduce each view and some of its features.
Further down this page you will find screenshots of most of the admin screens with some annotations.
Relevant modules will be demonstrated in the right hand side of the pages as they are created.
The map edit page has separate tabs for main details (map type, centre, description, status, categories, tags etc), Controls to appear on the map (zoom buttons etc), the layout (size, whether to show a key and map info and description), and markers and tracks to be included on the map.
Map preview shows the map as it would be rendered in the site pages, except that the admin toolbar and submenu rather than site modules will can shown. It be reached from the maps list by using the checkbox at the start of a map row and the Preview button in the toolbar, or directly from the toolbar in the edit screen. If the edit toolbar preview button is used any existing changes will be saved before the preview opens.
The admin markers table shows the status, title, icon, description and a list of maps, category and tags for each marker. Clicking on the icon will show a preview popup of the marker on a small map so you can check its location. Clicking the title will take you to the edit page for the marker.
The marker edit page only has two tabs - details, and publishing.
The marker summary description is intended to be shown on the marker popup and as a tooltip over the marker title on the map key (if enabled), so is restricted to 190 characters.
The location can be chosen by clicking on the map, or by entering GPX coordinates or what3words location (requires w3w api key)
Marker can be one of three types - 'basic' which uses the blue pin icon, image' which can use any suitable image uploaded to the /images/xbmaps/markers folder (use the standard Joomla media manager), or a font-awesome5 (FA) icon. If required two FA icons can be overlaid to create a composite. The colours for FA icons can be specified.
The marker popup will display the title and optionally the description and the location in various formats.
The publishing tab has the standard Joomla publishing details.
Track preview shows the track on a map sized to fit it using the default map type within the admin template. This is similar to the site single track view.
The admin categories list shows the categories used by xbMaps and the counts of maps, markers and tracks assigned to each.
Click on the category name to go to the xbMaps category info for the category, or select a category with the checkbox and use the toolbar [Edit Category] button to go to the standard Joomla category edit screen.
The admin tags list shows the tags used by xbMaps and the counts of maps, markers and tracks assigned to each. It also shows the number of other items across the site assigned to the tag - unlike categories, tags are not confined to a specific component.
Click on the tag name to go to the xbMaps tag info for the tag, or select a tag with the checkbox and use the toolbar [Edit Category] button to go to the standard Joomla tag edit screen.
Admin tags info lists all the items tagged with the selected tag. xbMaps items link to their edit screens. For non-xbmaps items the links are to the component default admin page