Map Quicklinks

In EarthRanger, you can configure multiple map views accessible from the top navigation bar, such as separate maps for different regions of a protected area. Selecting the map is done via the region shortcuts dropdown in the top navigation bar. 

Adding a Map Region Shortcut

To add a map region shortcut in EarthRanger:

  1. Log in to the EarthRanger Administration page (https://<yourprotectedarea>.pamdas.org/admin).
  2. Navigate to Home > Map Layers > Map Quicklinks.
  3. Select Add Map Quicklink.
  4. In Name, enter an internal name for the map, such as Seattle Map. (This name won’t display to users in EarthRanger.)
  5. Under Attributes, enter the required key/value pairs as described below in Specifying Map Attributes.
  6. In Center, adjust the map view and select the Point Feature tool (pencil icon) to set the map center location.
  7. Set the Zoom level for the map as it should appear to users.
  8. Ignore Latitude and Longitude values; these are set automatically when you define the map center.
  9. Select Save.

 

Specifying Map Attributes

Map attributes are defined using JSON key/value pairs that set the title and icon details for each map in the EarthRanger title bar. Here’s an example of required attributes and the JSON format:

Each attribute in this JSON format serves a specific purpose:

  • ID: A unique identifier, like “seattle_icon.”
  • Icon: Customizes the icon shown in the title bar. All icon settings (src, bottom, height, menu, title, and default) are grouped under "icon".
    • src: Specifies the icon image location, either as a local file path (e.g., "assets/static/home-area-nrtcoast.png") or an image address from the web (right-click on the image, then select "Copy image address").
    • bottom: Positions the icon in pixels within the title bar (e.g., "bottom": 0).
    • height: Defines the icon’s height in pixels, such as "height": 30.
  • menu: Text displayed in the region shortcuts dropdown list.
  • title: Text displayed in the title bar.
  • default: Set to "true" to make this map the default view.

 

{
    "id": "seattle",
    "icon": {
        "src": "https://cdn1.iconfinder.com/data/icons/world-top-cities-1/512/18-Seattle-256.png",
        "bottom": 0,
        "height": 34
    },
    "title": "Seattle",
    "menu": "Seattle",
    "default": "true"
}

 

 

This configuration lets you add map-specific quick links with custom titles and icons to enhance navigability in EarthRanger.

Was this article helpful?