Skip to main content

Customizing GIPS

GIPS is customized by either using GIPS Desktop or hand-editing of its configuration.json

Branding​

  • Favicon — replace the favicon.png file in the root with your own.
  • Page title — replace the text between the <title> and </title> tags in index.html.
  • Header — composed of three elements, left to right: a logo, the words "Point of interconnection heatmap", and the help icon (a question mark).
  • Company logo — replace the header-icon-logo.png file.
  • Help icon — replace the header-icon-help.png file.
  • Footer — mostly hard-coded, except the company name: change the "companyName" property in configuration.json.

Map behavior​

The maximum zoom level — the "closest" to the ground one can get — is set by the "maxZoom" property in configuration.json. Any number greater than 0 and less than 20 is acceptable; the default is 19. Consult the Zoom Levels page on the OpenStreetMap Wiki for a feel of what the levels mean.

The bus marker label uses the same fields/columns as the POI grid by default. Change it by adding or modifying the "busMarkerInfo" property in configuration.json, using the same values that define the POI grid columns.

Dfax display​

The Dfax column can be displayed either as a 4-decimal number or as a percentage, controlled by "Display Dfax as %" in the Settings dialog.

Going further​

See Ranges & Legend for color ranges and the legend, Grids & Columns for the POI, Constraints, and Harmers grids, and Customizing the Tour for the built-in guided tour.

configuration.json​

Not everything is configurable via Desktop. For those settings, direct editing of GIPS' configuration.json file is needed. It has an associated JSON schema, configuration-schema.json, that some text editors can use to help guide you.

Several online JSON schema validators allow pasting the schema and the JSON file to be validated — JSON Schema Validator is one such validator, but there are others.