Maps: AK

Land ownership map

Maps on the site are dynamically generated svgs, and appear in various sizes and colors, depending on their application. They are critically important, because they show the geographic source of the numbers: our lands and waters.

US maps always include offshore regions and Alaska. Larger versions are interactive, with clickable states and regions, and include ownership choropleths.

State and offshore-region maps include county-level detail (or subregions, for offshore maps). They are included as choropleths in the production, revenue, and wage and salary subsections of the Explore state pages, where they are interactively linked to their adjacent data tables. These maps can be found on the explore state data pages.

Icon-sized maps accompany the side navigation in Explore data, and highlight the state or region being viewed. They also function as buttons that link back to the Explore data landing page.

For more information on how we build the maps, see the Maps README.

How to use

State maps

Specify the state_id variable as the two-letter state abbreviation e.g. AK for Alaska. Include the location/section-ownership.html template.

<!-- define the clip path to the state outline -->
<svg width="0" height="0">
  <defs>
    <clipPath id="state-outline-AK">
      <use xlink:href="../../maps/states/all.svg#state-AK"></use>
    </clipPath>
  </defs>
</svg>

<figure is="ownership-map">
    <div class="svg-container county map-container wide" style="padding-bottom: 244.236px;">
        <svg class="county ownership map state-page" viewBox="49 441 245 115">
      <g class="states features">
        <use xlink:href="../../maps/states/all.svg#states"></use>
      </g>
      <g class="states mesh">
        <use xlink:href="../../maps/states/all.svg#states-mesh"></use>
      </g>
      <g class="counties features">
        <use xlink:href="../../maps/states/AK.svg#counties"></use>
      </g>
      <image class="federal ownership" xlink:href="../../maps/land/federal.gif" image-rendering="pixelated" clip-path="url(#state-outline-AK)" width="960" height="670"></image>
      <image class="tribal ownership" xlink:href="../../maps/land/tribal.gif" image-rendering="pixelated" clip-path="url(#state-outline-AK)" width="960" height="670"></image>
      <g class="counties mesh">
        <use xlink:href="../../maps/states/AK.svg#counties-mesh"></use>
      </g>
      <g class="state feature overlay">
        <use xlink:href="../../maps/states/all.svg#state-AK"></use>
      </g>
    </svg>
    </div>
</figure>
<!-- define the clip path to the state outline -->
<svg width="0" height="0">
  <defs>
    <clipPath id="state-outline-{{ state }}">
      <use xlink:href="{{ path '/maps/states/all.svg' }}#state-{{ state }}"></use>
    </clipPath>
  </defs>
</svg>

<figure is="ownership-map">
  <div class="svg-container county map-container wide" style="padding-bottom: 244.236px;">
    <svg class="county ownership map state-page" viewBox="{{ viewbox }}">
      <g class="states features">
        <use xlink:href="{{ path '/maps/states/all.svg' }}#states"></use>
      </g>
      <g class="states mesh">
        <use xlink:href="{{ path '/maps/states/all.svg' }}#states-mesh"></use>
      </g>
      <g class="counties features">
        <use xlink:href="{{ path '/maps/states/{{ state }}.svg' }}#counties"></use>
      </g>
      <image class="federal ownership" xlink:href="{{ path '/maps/land/federal.gif' }}" image-rendering="pixelated" clip-path="url(#state-outline-{{ state }})" width="960" height="670"></image>
      <image class="tribal ownership" xlink:href="{{ path '/maps/land/tribal.gif' }}" image-rendering="pixelated" clip-path="url(#state-outline-{{ state }})" width="960" height="670"></image>
      <g class="counties mesh">
        <use xlink:href="{{ path '/maps/states/{{ state }}.svg' }}#counties-mesh"></use>
      </g>
      <g class="state feature overlay">
        <use xlink:href="{{ path '/maps/states/all.svg' }}#state-{{ state }}"></use>
      </g>
    </svg>
  </div>
</figure>
{
  "container": {
    "class": "container-left-3"
  },
  "state": "AK",
  "viewbox": "49 441 245 115"
}