When the Map loads it will default to the zoom level of 0 and the Map will be positioned precisely centred on the screen. This isn’t always the best option for certain types of Maps.

How to configure

Both the loading zoom and position values can be configured via the Stylesheet.

Navigate to the Stylesheets page, found under the Administration Settings menu.
Find the correct Stylesheet from the list and click the Edit icon ().

 How to find the Stylesheet being used by the Map Profile

Navigate to the Map Profiles page via the Admin Dashboard, this can be accessed under the Administration Settings menu.

Find the Map profile that you want to update, then click the Edit icon () in the Action column.

This is the Stylesheet that needs to be updated.

You will see the Stylesheet editor, it should look similar to the above.

You must modify the JSON data found above the line /** LINE REQUIRED - CSS BELOW **/.

Here is an example of a customised Stylesheet.

Custom Zoom Level

This option will set the zoom level of the Map when it is first loaded.

In the JSON section of the stylesheet, you will need to add an object with the key "zoom".

This object will accept 2 values which in each expect a number between 4 and -4.
Default is used for larger screens such as a browser or Kiosk.
Mobile is used for smaller devices which run a Mobile OS, such as iOS or Android.

  "position": {
    "default": 0.75,
    "mobile": -1
  }

Custom Position

This option will allow the map to be loaded with a custom area centred on the screen.
This can be useful for larger campus maps where the focus needs to set off from the Map image centre.

In the JSON section of the stylesheet, you will need to add an object with the key "position".

This object will accept 2 values (x, y) which both expect a number.

x is the horizontal coordinate value.
y is the vertical coordinate value.

  "position": {
    "x": 417.432601,
    "y": 597.177
  }