<p dir="auto">I decided to check how adding a map key would work by adding one for opnvkarte.</p>
<p dir="auto">At first I wanted to copy the images from the key at <a href="https://publictransportmap.org/" rel="nofollow">https://publictransportmap.org/</a>. They were base64 data uris, so I added the ability to specify image sources directly in <code class="notranslate">key.yml</code>, otherwise they are composed as <code class="notranslate">key/<layer name>/<image name></code>. But I ended up making my own images because the already existing i18n strings want to combine light rail and tram.</p>
<p dir="auto">I only did the transportation section. Now it's possible to see if a line is a bus or a tram. Other things on that map are more obvious.</p>

<hr>

<h4>You can view, comment on, or merge this pull request online at:</h4>
<p>  <a href='https://github.com/openstreetmap/openstreetmap-website/pull/4371'>https://github.com/openstreetmap/openstreetmap-website/pull/4371</a></p>

<h4>Commit Summary</h4>
<ul>
  <li><a href="https://github.com/openstreetmap/openstreetmap-website/pull/4371/commits/29a8940109b79c902d87f89f8ef2ef29d78e01e4" class="commit-link">29a8940</a>  Allow to specify map key image directly with uri</li>
  <li><a href="https://github.com/openstreetmap/openstreetmap-website/pull/4371/commits/706ee6f176fc2a717c344d2d03f65461dfcdc2e7" class="commit-link">706ee6f</a>  Allow to omit zoom levels for map key entries</li>
  <li><a href="https://github.com/openstreetmap/openstreetmap-website/pull/4371/commits/23ff841d2f60ec6a3c272719a45a546af6bc6c26" class="commit-link">23ff841</a>  Add transportation map key for opnvkarte</li>
</ul>

<h4 style="display: inline-block">File Changes </h4> <p style="display: inline-block">(<a href="https://github.com/openstreetmap/openstreetmap-website/pull/4371/files">4 files</a>)</p>
<ul>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4371/files#diff-08a7ab143240d1f24d2cfc6f105ae9a1d8bc7fc5d1b95a280cb8a76180e93397">app/assets/javascripts/leaflet.key.js</a>
    (10)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4371/files#diff-1ed86bfa2aa7755d8f1f78574beceeb01b246a86beed16f43eb4d286f35667a9">app/views/site/key.html.erb</a>
    (10)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4371/files#diff-8abf575bd6f979f2421ac257b066a1abb2e9162fdc0b0d3c8bd609f94059cab1">config/key.yml</a>
    (7)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4371/files#diff-44438ce218f5287c58d0017f965d888715635d94280669896f75841fbd7b4cd7">config/locales/en.yml</a>
    (5)
  </li>
</ul>

<h4>Patch Links:</h4>
<ul>
  <li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/4371.patch'>https://github.com/openstreetmap/openstreetmap-website/pull/4371.patch</a></li>
  <li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/4371.diff'>https://github.com/openstreetmap/openstreetmap-website/pull/4371.diff</a></li>
</ul>

<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br />Reply to this email directly, <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4371">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLKCMOUJU5Y6V55FDE3YGPJ5NAVCNFSM6AAAAAA73GVOUWVHI2DSMVQWIX3LMV43ASLTON2WKOZSGAYTCMRXGE3TANI">unsubscribe</a>.<br />You are receiving this because you are subscribed to this thread.<img src="https://github.com/notifications/beacon/AAK2OLOQ6TR6ZQSHVWWTXVLYGPJ5NA5CNFSM6AAAAAA73GVOUWWGG33NNVSW45C7OR4XAZNFJFZXG5LFVJRW63LNMVXHIX3JMTHHPYMSDE.gif" height="1" width="1" alt="" /><span style="color: transparent; font-size: 0; display: none; visibility: hidden; overflow: hidden; opacity: 0; width: 0; height: 0; max-width: 0; max-height: 0; mso-hide: all">Message ID: <span><openstreetmap/openstreetmap-website/pull/4371</span><span>@</span><span>github</span><span>.</span><span>com></span></span></p>
<script type="application/ld+json">[
{
"@context": "http://schema.org",
"@type": "EmailMessage",
"potentialAction": {
"@type": "ViewAction",
"target": "https://github.com/openstreetmap/openstreetmap-website/pull/4371",
"url": "https://github.com/openstreetmap/openstreetmap-website/pull/4371",
"name": "View Pull Request"
},
"description": "View this Pull Request on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>