Venue explorer map

A map plotting the features of a site or venue

This page template is used to plot the position of a venue’s features or facilities on a map.

A venue explorer page displays the features underneath the map as a series of tiles. Each tile has several elements on it:

  • feature title
  • summary (if one is provided)
  • image (if one is provided)
  • copy of the map pin that represents the feature on the map
  • list of meta tags that have been applied to the feature
  • promoted meta tag (top right hand corner of tile, if one has been selected)

The page has a search facility and you can filter what you see according to the metadata that has been applied to the explorer page and the features.

Clicking a map pin opens a popup light box displaying further information about that feature. Clicking a tile does the same thing.


See Explore the Gardens (Hillier Gardens)

Venue explorer map - Hillier Gardens

Venue explorer map - sample feature tile (Hillier Gardens)

Venue explorer page

To create a venue explorer page, go to the required location in the navigation, right click and select Insert > Insert from template. Select the HCC_VenueExplorer template (in Templates > Page Templates > Venues).

Fill in the standard page details (page title, summary, etc). Complete the rest of the fields as described below.

Venue Explorer Details

Venue Features data source – leave blank

Filter – select metadata groups from the list provided. These determine the filters displayed on the venue explorer page. Hilliers uses metadata groups such as ‘worthseeing’ and ‘features’.

Promoted metadata group – you can choose one of the metadata groups selected above to be a promoted field. The feature tiles will display the relevant value for this metadata group in the top right hand corner (see screenshot of feature tile above).

If you are going to select a metadata group to be a promoted group, make sure it is the first one listed in the Filter field. Use the up and down arrows in the 'selected' pane to change the positions of the metadata groups you have chosen.

Filter title text, Filter subtitle text, Filter placeholder text, Reload Page link text – leave as default unless you really need to change them.

Venue Explorer map

The map can be based on a standard Google map or you can add a vector map. A vector map will need to be sliced up and uploaded to the ‘maptiles’ folder in the Media Library (in an appropriate sub folder, eg 'hilliers'). If the vector map covers several zoom levels, you will need a subfolder for each zoom level (eg, Hilliers/15). See example below. Carl and Hardi have a tool for slicing up maps.

maptiles folder in the Media Library

Map tiles – if you have a vector map, browse to the subfolder in the Media Library where your vector map tiles sit (the top level folder for your venue, not individual zoom level folders). If you don’t have a vector map, leave this blank.

Bounds start and end fields (latitude and longitude) – The bounds determine how much of the map shows when you first load the venue explorer page. It also determines how much of the map is shown as you zoom in. Bounds start is the bottom left corner of the map. Bounds end is the top right corner of the map. You may need to try different bounds points to find the best way to display the map.

Centre latitude and longitude – enter latitude and longitude to centre the map.

Latitudes and longitudes should be provided by the business.

Max zoom and Min zoom – These determine how far the user can zoom into and out of the map. Finding the right values involves some trial and error. Where you’ve used a vector map, the max zoom and min zoom will probably match the zoom levels of the vector map tiles. They may need to go one level smaller than the maximum tile zoom level or one level higher than the minimum tile zoom level to get the map to display properly.

Use OpenStreetMap tiles? – tick this if you don’t have a vector map for the page.

Feature pages

The pop up light boxes containing details about the venue’s features are pages built using the venue feature template. 

Feature pages should be direct children of the venue explorer page

Right click on venue explorer page and select Insert > HCC_VenueFeature

Summary Information

Complete as normal.

Link Details

Complete all the usual fields, plus the following: 

  • Link image - add one of these to the page. It will appear in the feature's tile. The image should be 480 x 320 pixels
  • Hide from navigation - tick the ‘Hide from navigation’ tick box at the bottom of the Link Details section

Venue Feature Details

Latitude and longitude – the business should provide these. How to find lats and longs.

Hero image – add a hero image for the feature (this will appear in the light box pop up window). It should be 1000 x 500 pixels, or 960 x 640 pixels. Make sure the hero images are the same size for all features that belong to a particular venue.

Feature description – this field is a full blown Rich Text Editor field. Add whatever content you need to.

Map pin colour – choose the colour of the pin that will represent this feature on the map. You can give features different coloured pins, or you could give related features the same colour pin. For example, all barbecues at a venue could be represented by red pins. If using different coloured pins, make sure individual pins have good colour contrast with their nearest neighbours on the map.

Be wary of using green and teal pins. They don’t show up very clearly on some maps.

Page metadata

Select meta tags for the feature based upon the metadata groups you picked for the venue explorer page. For example, the ‘worthseeing’ metadata group was selected for the Hilliers venue explorer. Each feature included on the map has one or more tags from the ‘worthseeing’ metadata group applied to it.