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. Map selection is done using the region shortcut drop-down menu in the top navigation bar.

Add a shortcut to a map region

To add a shortcut to a map region in EarthRanger:

  1. Log in to the EarthRanger administration page (https://<yourprotectedarea>.pamdas.org/admin).
  2. Go to Home > Map Layers > Map Quicklinks.
  3. Select Add Map Quicklink.
  4. For Name, enter an internal name for the map, such as Seattle Map. (This name will not be displayed to EarthRanger users.)
  5. For Attributes, enter the necessary key-value pairs, as described later in Specifying Map Attributes.
  6. For Center, adjust the map view and select the Point Feature tool (pencil icon) to set the map's center location.
  7. Set the map zoom level as it should appear to users.
  8. Ignore the 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 define the details of each map's title and icon in the EarthRanger title bar. Below is an example of the required attributes and their JSON format:

Each attribute in this JSON format has a specific function:

  • ID: A unique identifier, such as "seattle_icon".
  • Icon: Customizes the icon displayed in the title bar. All icon settings (src, bottom, height, menu, title, and default) are grouped under "icon".
  • src: Specifies the location of the icon image, either as a local file path (e.g., "assets/static/home-area-nrtcoast.png") or as a web image address (right-click the image and 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, e.g., "height": 30.
  • Menu: Text displayed in the region shortcut drop-down 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 setting allows you to add map-specific quick links with custom titles and icons to improve navigation in EarthRanger.



Was this article helpful?