CINXE.COM
Home | OpenStreetBrowser Blog
<!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8" /> <meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="icon" href="/osb-192.png" type="image/png" /> <link rel="alternate" type="application/rss+xml" title="" href="https://blog.openstreetbrowser.org/rss.xml" /> <title>Home | OpenStreetBrowser Blog</title> <link rel="stylesheet" media="all" href="/core/assets/vendor/normalize-css/normalize.css?smty7g" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/align.module.css?smty7g" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/fieldgroup.module.css?smty7g" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/container-inline.module.css?smty7g" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/clearfix.module.css?smty7g" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/details.module.css?smty7g" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/hidden.module.css?smty7g" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/item-list.module.css?smty7g" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/js.module.css?smty7g" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/nowrap.module.css?smty7g" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/position-container.module.css?smty7g" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/reset-appearance.module.css?smty7g" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/resize.module.css?smty7g" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/system-status-counter.css?smty7g" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/system-status-report-counters.css?smty7g" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/system-status-report-general-info.css?smty7g" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/tablesort.module.css?smty7g" /> <link rel="stylesheet" media="all" href="/core/modules/views/css/views.module.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/base/elements.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/layout.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/classy/components/action-links.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/classy/components/breadcrumb.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/classy/components/button.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/classy/components/collapse-processed.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/classy/components/container-inline.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/classy/components/details.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/classy/components/exposed-filters.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/classy/components/field.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/classy/components/form.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/classy/components/icons.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/classy/components/inline-form.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/classy/components/item-list.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/classy/components/link.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/classy/components/links.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/classy/components/menu.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/classy/components/more-link.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/classy/components/pager.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/classy/components/tabledrag.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/classy/components/tableselect.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/classy/components/tablesort.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/classy/components/tabs.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/classy/components/textarea.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/classy/components/ui-dialog.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/classy/components/messages.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/classy/components/node.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/block.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/book.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/breadcrumb.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/captions.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/comments.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/container-inline.module.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/contextual.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/demo-block.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/dropbutton.component.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/featured-top.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/feed-icon.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/field.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/form.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/forum.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/header.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/help.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/highlighted.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/item-list.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/list-group.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/list.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/main-content.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/menu.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/messages.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/node.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/node-preview.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/page-title.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/pager.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/panel.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/primary-menu.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/search-form.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/search-results.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/secondary-menu.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/shortcut.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/skip-link.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/sidebar.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/site-branding.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/site-footer.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/table.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/tablesort-indicator.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/tabs.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/text-formatted.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/toolbar.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/featured-bottom.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/password-suggestions.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/ui.widget.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/vertical-tabs.component.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/views.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/buttons.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/image-button.css?smty7g" /> <link rel="stylesheet" media="all" href="/themes/contrib/bartik/css/components/ui-dialog.css?smty7g" /> <link rel="stylesheet" media="all" href="/files/color/bartik-67889f1f/colors.css?smty7g" /> <link rel="stylesheet" media="print" href="/themes/contrib/bartik/css/print.css?smty7g" /> </head> <body class="layout-no-sidebars path-frontpage"> <a href="#main-content" class="visually-hidden focusable skip-link"> Skip to main content </a> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <div id="page-wrapper"> <div id="page"> <header id="header" class="header" role="banner"> <div class="section layout-container clearfix"> <div class="region region-secondary-menu"> <nav role="navigation" aria-labelledby="block-bartik-account-menu-menu" id="block-bartik-account-menu" class="block block-menu navigation menu--account"> <h2 class="visually-hidden" id="block-bartik-account-menu-menu">User account menu</h2> <div class="content"> <div class="menu-toggle-target menu-toggle-target-show" id="show-block-bartik-account-menu"></div> <div class="menu-toggle-target" id="hide-block-bartik-account-menu"></div> <a class="menu-toggle" href="#show-block-bartik-account-menu">Show — User account menu</a> <a class="menu-toggle menu-toggle--hide" href="#hide-block-bartik-account-menu">Hide — User account menu</a> <ul class="clearfix menu"> <li class="menu-item"> <a href="/user/login" data-drupal-link-system-path="user/login">Log in</a> </li> </ul> </div> </nav> </div> <div class="clearfix region region-header"> <div id="block-bartik-branding" class="clearfix site-branding block block-system block-system-branding-block"> <a href="/" rel="home" class="site-branding__logo"> <img src="/osb_logo.png" alt="Home" /> </a> <div class="site-branding__text"> <div class="site-branding__name"> <a href="/" rel="home">OpenStreetBrowser Blog</a> </div> </div> </div> </div> <div class="region region-primary-menu"> <nav role="navigation" aria-labelledby="block-bartik-main-menu-menu" id="block-bartik-main-menu" class="block block-menu navigation menu--main"> <h2 class="visually-hidden" id="block-bartik-main-menu-menu">Main navigation</h2> <div class="content"> <div class="menu-toggle-target menu-toggle-target-show" id="show-block-bartik-main-menu"></div> <div class="menu-toggle-target" id="hide-block-bartik-main-menu"></div> <a class="menu-toggle" href="#show-block-bartik-main-menu">Show — Main navigation</a> <a class="menu-toggle menu-toggle--hide" href="#hide-block-bartik-main-menu">Hide — Main navigation</a> <ul class="clearfix menu"> <li class="menu-item"> <a href="https://www.openstreetbrowser.org/">Map</a> </li> <li class="menu-item"> <a href="/" data-drupal-link-system-path="<front>" class="is-active" aria-current="page">Blog</a> </li> </ul> </div> </nav> </div> </div> </header> <div class="highlighted"> <aside class="layout-container section clearfix" role="complementary"> <div class="region region-highlighted"> <div data-drupal-messages-fallback class="hidden"></div> </div> </aside> </div> <div id="main-wrapper" class="layout-main-wrapper layout-container clearfix"> <div id="main" class="layout-main clearfix"> <main id="content" class="column main-content" role="main"> <section class="section"> <a id="main-content" tabindex="-1"></a> <div class="region region-content"> <div id="block-bartik-page-title" class="block block-core block-page-title-block"> <div class="content"> <h1 class="title page-title"></h1> </div> </div> <div id="block-garland-system-main" class="block block-system block-system-main-block"> <div class="content"> <div class="views-element-container"><div class="view view-frontpage view-id-frontpage view-display-id-page_1 js-view-dom-id-d68bc97485ac3a53aeefb1660b3a20305e440846ac40d3ad1b6db91ab180d7e3"> <div class="view-content"> <div class="views-row"> <article data-history-node-id="100" class="node node--type-story node--promoted node--view-mode-teaser clearfix"> <header> <h2 class="node__title"> <a href="/node/100" rel="bookmark"><span class="field field--name-title field--type-string field--label-hidden">Maxspeed Category now with traffic signs</span> </a> </h2> <div class="node__meta"> <article class="profile"> </article> <span> Submitted by <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span>plepe</span></span> on <span class="field field--name-created field--type-created field--label-hidden"><time datetime="2024-11-03T14:05:15+02:00" title="Sunday, November 3, 2024 - 14:05" class="datetime">Sun, 11/03/2024 - 14:05</time> </span> </span> </div> </header> <div class="node__content clearfix"> <div class="field field--name-field-header-image field--type-image field--label-hidden field__item"> <a href="/node/100" hreflang="en"><img loading="lazy" src="/files/styles/medium/public/2024-11/maxspeed_with_traffic_sign.png?itok=ul4Kof2p" width="220" height="174" alt="Screenshot of the mapnik rendering of Bennetsbridge, overlayed by colored roads (depending on the speed). A few traffic signs with their speed limit are visible." class="image-style-medium" /> </a> </div> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>The <a href="https://www.openstreetbrowser.org/#categories=car_maxspeed">maxspeed category</a> now includes maxspeed traffic signs (from zoom level 16). If the traffic signs have a direction, the icon will be rotated accordingly.</p><p>For this to work, I <a href="https://github.com/plepe/OpenStreetBrowser/commit/a7186317310b602684322080f2c1b0f9fbf1520e">added</a> a new TwigJS filter: '<a href="https://github.com/plepe/OpenStreetBrowser/blob/master/doc/TwigJS.md">parseDirection</a>', which handles values like 'east' or 'NNW'.</p></div> <div class="node__links"> <ul class="links inline"><li class="node-readmore"><a href="/node/100" rel="tag" title="Maxspeed Category now with traffic signs" hreflang="en">Read more<span class="visually-hidden"> about Maxspeed Category now with traffic signs</span></a></li><li class="comment-forbidden"></li></ul> </div> </div> </article> </div> <div class="views-row"> <article data-history-node-id="99" class="node node--type-story node--promoted node--view-mode-teaser clearfix"> <header> <h2 class="node__title"> <a href="/node/99" rel="bookmark"><span class="field field--name-title field--type-string field--label-hidden">New category: Etymology</span> </a> </h2> <div class="node__meta"> <article class="profile"> </article> <span> Submitted by <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span>plepe</span></span> on <span class="field field--name-created field--type-created field--label-hidden"><time datetime="2024-09-15T08:27:39+03:00" title="Sunday, September 15, 2024 - 08:27" class="datetime">Sun, 09/15/2024 - 08:27</time> </span> </span> </div> </header> <div class="node__content clearfix"> <div class="field field--name-field-header-image field--type-image field--label-hidden field__item"> <a href="/node/99" hreflang="en"><img loading="lazy" src="/files/styles/medium/public/2024-09/etymology_0.png?itok=AQ_Rc6nz" width="220" height="149" alt="Screenshot of OpenStreetBrowser, showing the "Etymology" category. A popup has been opened on "Tausigplatz" in Vienna. The popup shows the Etymology of name coming from Franziska Tausig and Otto Tausig. Both names link to Wikidata." class="image-style-medium" /> </a> </div> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>The new <a href="https://openstreetbrowser.org/#categories=etymology">etymology category</a> (in the "Culture" section) informs about map features which have been named after someone or something. If a "<a href="https://wiki.openstreetmap.org/wiki/Key:name:etymology:wikidata">name:etymology:wikidata</a>" Tag is found, it will link to Wikidata.</p></div> <div class="node__links"> <ul class="links inline"><li class="node-readmore"><a href="/node/99" rel="tag" title="New category: Etymology" hreflang="en">Read more<span class="visually-hidden"> about New category: Etymology</span></a></li><li class="comment-forbidden"></li></ul> </div> </div> </article> </div> <div class="views-row"> <article data-history-node-id="98" class="node node--type-story node--promoted node--view-mode-teaser clearfix"> <header> <h2 class="node__title"> <a href="/node/98" rel="bookmark"><span class="field field--name-title field--type-string field--label-hidden">Boundaries and Driving Side (v5.4)</span> </a> </h2> <div class="node__meta"> <article class="profile"> </article> <span> Submitted by <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span>plepe</span></span> on <span class="field field--name-created field--type-created field--label-hidden"><time datetime="2024-07-23T22:12:46+03:00" title="Tuesday, July 23, 2024 - 22:12" class="datetime">Tue, 07/23/2024 - 22:12</time> </span> </span> </div> </header> <div class="node__content clearfix"> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>There are some new functions for category developers:</p><ul><li>A Twig function 'boundaries(lat, lon)' which returns a list of boundaries the coordinate lies within (Countries).</li><li>A property of the <code>map</code> object called <code>boundaries</code> which holds the list of boundaries at the map center.</li><li>A property of the <code>map</code> object called <code>driving_side</code> which is either "left" or "right" with regards to the map center.</li></ul></div> <div class="node__links"> <ul class="links inline"><li class="node-readmore"><a href="/node/98" rel="tag" title="Boundaries and Driving Side (v5.4)" hreflang="en">Read more<span class="visually-hidden"> about Boundaries and Driving Side (v5.4)</span></a></li><li class="comment-forbidden"></li></ul> </div> </div> </article> </div> <div class="views-row"> <article data-history-node-id="97" class="node node--type-story node--promoted node--view-mode-teaser clearfix"> <header> <h2 class="node__title"> <a href="/node/97" rel="bookmark"><span class="field field--name-title field--type-string field--label-hidden">Pin custom categories</span> </a> </h2> <div class="node__meta"> <article class="profile"> </article> <span> Submitted by <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span>plepe</span></span> on <span class="field field--name-created field--type-created field--label-hidden"><time datetime="2024-03-24T09:09:56+02:00" title="Sunday, March 24, 2024 - 09:09" class="datetime">Sun, 03/24/2024 - 09:09</time> </span> </span> </div> </header> <div class="node__content clearfix"> <div class="field field--name-field-header-image field--type-image field--label-hidden field__item"> <a href="/node/97" hreflang="en"><img loading="lazy" src="/files/styles/medium/public/2024-03/custom-category-pin.png?itok=2on4gd9R" width="220" height="124" alt="Screenshot of a custom category with the mouse hovering over the "Pin" feature." class="image-style-medium" /> </a> </div> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>There's a new feature for custom categories and categories of other repositories: You can "pin" or "bookmark" them, so that they get loaded for every visit of OpenStreetBrowser. It is saved in your session, which is long-lived. If you want to backup (or duplicate) your list of pinned categories, you can use the new "YAML" feature of Options.</p> </div> <div class="node__links"> <ul class="links inline"><li class="node-readmore"><a href="/node/97" rel="tag" title="Pin custom categories" hreflang="en">Read more<span class="visually-hidden"> about Pin custom categories</span></a></li><li class="comment-forbidden"></li></ul> </div> </div> </article> </div> <div class="views-row"> <article data-history-node-id="96" class="node node--type-story node--promoted node--view-mode-teaser clearfix"> <header> <h2 class="node__title"> <a href="/node/96" rel="bookmark"><span class="field field--name-title field--type-string field--label-hidden">Improved Walking Amenities</span> </a> </h2> <div class="node__meta"> <article class="profile"> </article> <span> Submitted by <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span>plepe</span></span> on <span class="field field--name-created field--type-created field--label-hidden"><time datetime="2024-03-01T17:28:16+02:00" title="Friday, March 1, 2024 - 17:28" class="datetime">Fri, 03/01/2024 - 17:28</time> </span> </span> </div> </header> <div class="node__content clearfix"> <div class="field field--name-field-header-image field--type-image field--label-hidden field__item"> <a href="/node/96" hreflang="en"><img loading="lazy" src="/files/styles/medium/public/2024-03/walking%20amenities%20waste.png?itok=1PxPhtwE" width="220" height="160" alt="Screenshot of OpenStreetBrowser with the "Walking Amenities" category open. A popup on a waste basket shows details about the item." class="image-style-medium" /> </a> </div> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>The Walking Amenities category (under Transport -> Walking) now includes more items.</p> <p>Also, there's a new Walking Amenities category in the "Quality Control" section, which highlights map features with missing details.</p></div> <div class="node__links"> <ul class="links inline"><li class="node-readmore"><a href="/node/96" rel="tag" title="Improved Walking Amenities" hreflang="en">Read more<span class="visually-hidden"> about Improved Walking Amenities</span></a></li><li class="comment-forbidden"></li></ul> </div> </div> </article> </div> <div class="views-row"> <article data-history-node-id="95" class="node node--type-story node--promoted node--view-mode-teaser clearfix"> <header> <h2 class="node__title"> <a href="/node/95" rel="bookmark"><span class="field field--name-title field--type-string field--label-hidden">No Thunderforest basemaps any more</span> </a> </h2> <div class="node__meta"> <article class="profile"> </article> <span> Submitted by <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span>plepe</span></span> on <span class="field field--name-created field--type-created field--label-hidden"><time datetime="2024-02-13T20:33:40+02:00" title="Tuesday, February 13, 2024 - 20:33" class="datetime">Tue, 02/13/2024 - 20:33</time> </span> </span> </div> </header> <div class="node__content clearfix"> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>Unfortunately I had to remove OSM CycleMap and Transport Map from the list of available basemaps, as the tile limit of the provider <a href="https://www.thunderforest.com/">Thunderforest</a> was exceeded. I don't want to change to a paid plan, as I do not earn money from OpenStreetBrowser.</p></div> <div class="node__links"> <ul class="links inline"><li class="node-readmore"><a href="/node/95" rel="tag" title="No Thunderforest basemaps any more" hreflang="en">Read more<span class="visually-hidden"> about No Thunderforest basemaps any more</span></a></li><li class="comment-forbidden"></li></ul> </div> </div> </article> </div> <div class="views-row"> <article data-history-node-id="94" class="node node--type-story node--promoted node--view-mode-teaser clearfix"> <header> <h2 class="node__title"> <a href="/node/94" rel="bookmark"><span class="field field--name-title field--type-string field--label-hidden">A few updates</span> </a> </h2> <div class="node__meta"> <article class="profile"> </article> <span> Submitted by <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span>plepe</span></span> on <span class="field field--name-created field--type-created field--label-hidden"><time datetime="2023-12-28T12:36:43+02:00" title="Thursday, December 28, 2023 - 12:36" class="datetime">Thu, 12/28/2023 - 12:36</time> </span> </span> </div> </header> <div class="node__content clearfix"> <div class="field field--name-field-header-image field--type-image field--label-hidden field__item"> <a href="/node/94" hreflang="en"><img loading="lazy" src="/files/styles/medium/public/2023-12/OpenStreetBrowser%20-%20building%20height.png?itok=BWCIfJR0" width="220" height="180" alt="Map showing the "Building height" category, with white labels on the colored building polygons." class="image-style-medium" /> </a> </div> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>Recently, there have been a few small updates to OpenStreetBrowser:</p></div> <div class="node__links"> <ul class="links inline"><li class="node-readmore"><a href="/node/94" rel="tag" title="A few updates" hreflang="en">Read more<span class="visually-hidden"> about A few updates</span></a></li><li class="comment-forbidden"></li></ul> </div> </div> </article> </div> <div class="views-row"> <article data-history-node-id="92" class="node node--type-story node--promoted node--view-mode-teaser clearfix"> <header> <h2 class="node__title"> <a href="/node/92" rel="bookmark"><span class="field field--name-title field--type-string field--label-hidden">New category: Kerbs</span> </a> </h2> <div class="node__meta"> <article class="profile"> </article> <span> Submitted by <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span>plepe</span></span> on <span class="field field--name-created field--type-created field--label-hidden"><time datetime="2022-12-29T09:02:11+02:00" title="Thursday, December 29, 2022 - 09:02" class="datetime">Thu, 12/29/2022 - 09:02</time> </span> </span> </div> </header> <div class="node__content clearfix"> <div class="field field--name-field-header-image field--type-image field--label-hidden field__item"> <a href="/node/92" hreflang="en"><img loading="lazy" src="/files/styles/medium/public/2022-12/openstreetbrowser-kerbs.png?itok=NC4iEqIP" width="220" height="124" alt="Screenshot of OpenStreetBrowser, showing a map of Jakominiplatz, Graz with the "Kerbs" overlay. In the left sidebar, the map key is visible and a list of map features." class="image-style-medium" /> </a> </div> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>This new <a href="https://openstreetbrowser.org/#categories=kerbs">category</a> shows kerbs (the edge where a road meets a sidewalk). Read more about this in the <a href="https://wiki.openstreetmap.org/wiki/Key:kerb">OpenStreetMap Wiki</a>. The category uses the colours from the Wiki page. Popups will show additional information: type of kerb (lowered, raised, ...), they wheelchair accessibility (if set), if the kerb has tactile paving and the height.</p></div> <div class="node__links"> <ul class="links inline"><li class="node-readmore"><a href="/node/92" rel="tag" title="New category: Kerbs" hreflang="en">Read more<span class="visually-hidden"> about New category: Kerbs</span></a></li><li class="comment-forbidden"></li></ul> </div> </div> </article> </div> <div class="views-row"> <article data-history-node-id="91" class="node node--type-story node--promoted node--view-mode-teaser clearfix"> <header> <h2 class="node__title"> <a href="/node/91" rel="bookmark"><span class="field field--name-title field--type-string field--label-hidden">Dates (and date ranges) in Dutch</span> </a> </h2> <div class="node__meta"> <article class="profile"> </article> <span> Submitted by <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span>plepe</span></span> on <span class="field field--name-created field--type-created field--label-hidden"><time datetime="2022-12-13T23:24:48+02:00" title="Tuesday, December 13, 2022 - 23:24" class="datetime">Tue, 12/13/2022 - 23:24</time> </span> </span> </div> </header> <div class="node__content clearfix"> <div class="field field--name-field-header-image field--type-image field--label-hidden field__item"> <a href="/node/91" hreflang="en"><img loading="lazy" src="/files/styles/medium/public/2022-12/OSB%20-%20date%20range%20dutch.png?itok=gb-zAiwr" width="220" height="154" alt="Screenshot of OpenStreetBrowser, with a map showing buildings and their age in colors. A popup on a "Palais Kazianer" is open. It shows the date when the building was completed in Dutch: "tussen de 15e eeuw en de 16e eeuw" (between 15th and 16th century)." class="image-style-medium" /> </a> </div> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>Thanks to a contribution by user danieldegroot2, dates and date ranges are now displayed in Dutch. Other languages which are currently supported are: English, French and German. If you are interested in adding another locale, please check out the module <a href="https://github.com/plepe/openstreetmap-date-format">openstreetmap-date-format</a> (<a href="https://github.com/plepe/openstreetmap-date-format/blob/master/HOWTO_CONTRIBUTE.md">HOWTO</a>).</p></div> <div class="node__links"> <ul class="links inline"><li class="node-readmore"><a href="/node/91" rel="tag" title="Dates (and date ranges) in Dutch" hreflang="en">Read more<span class="visually-hidden"> about Dates (and date ranges) in Dutch</span></a></li><li class="comment-forbidden"></li></ul> </div> </div> </article> </div> <div class="views-row"> <article data-history-node-id="90" class="node node--type-story node--promoted node--view-mode-teaser clearfix"> <header> <h2 class="node__title"> <a href="/node/90" rel="bookmark"><span class="field field--name-title field--type-string field--label-hidden">New category: Pedestrian footways</span> </a> </h2> <div class="node__meta"> <article class="profile"> </article> <span> Submitted by <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span>plepe</span></span> on <span class="field field--name-created field--type-created field--label-hidden"><time datetime="2022-12-10T09:15:20+02:00" title="Saturday, December 10, 2022 - 09:15" class="datetime">Sat, 12/10/2022 - 09:15</time> </span> </span> </div> </header> <div class="node__content clearfix"> <div class="field field--name-field-header-image field--type-image field--label-hidden field__item"> <a href="/node/90" hreflang="en"><img loading="lazy" src="/files/styles/medium/public/2022-12/screenshot-footways.png?itok=O0k4HnYy" width="220" height="121" alt="Screenshot of OpenStreetBrowser showing the "Footways" category. In the left side the map key for the category is visible, below some of the features in the map view. In the map view a popup on a street with sidewalks is open." class="image-style-medium" /> </a> </div> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>The new "<a href="https://openstreetbrowser.org/#categories=footways">Footways</a>" category (under Transportation -> Walking) shows sidewalks, footways, steps, platforms and pedestrian zones. Sidewalks mapped on the street way (sidewalk:left, sidewalk:right resp. sidewalk:both) will be shown with an offset - hatching indicates the relation.</p></div> <div class="node__links"> <ul class="links inline"><li class="node-readmore"><a href="/node/90" rel="tag" title="New category: Pedestrian footways" hreflang="en">Read more<span class="visually-hidden"> about New category: Pedestrian footways</span></a></li><li class="comment-forbidden"></li></ul> </div> </div> </article> </div> </div> <nav class="pager" role="navigation" aria-labelledby="pagination-heading"> <h4 id="pagination-heading" class="visually-hidden">Pagination</h4> <ul class="pager__items js-pager__items"> <li class="pager__item is-active"> <a href="?page=0" title="Current page" aria-current="page"> <span class="visually-hidden"> Page </span>1</a> </li> <li class="pager__item"> <a href="?page=1" title="Go to page 2"> <span class="visually-hidden"> Page </span>2</a> </li> <li class="pager__item"> <a href="?page=2" title="Go to page 3"> <span class="visually-hidden"> Page </span>3</a> </li> <li class="pager__item"> <a href="?page=3" title="Go to page 4"> <span class="visually-hidden"> Page </span>4</a> </li> <li class="pager__item"> <a href="?page=4" title="Go to page 5"> <span class="visually-hidden"> Page </span>5</a> </li> <li class="pager__item"> <a href="?page=5" title="Go to page 6"> <span class="visually-hidden"> Page </span>6</a> </li> <li class="pager__item"> <a href="?page=6" title="Go to page 7"> <span class="visually-hidden"> Page </span>7</a> </li> <li class="pager__item"> <a href="?page=7" title="Go to page 8"> <span class="visually-hidden"> Page </span>8</a> </li> <li class="pager__item"> <a href="?page=8" title="Go to page 9"> <span class="visually-hidden"> Page </span>9</a> </li> <li class="pager__item pager__item--ellipsis" role="presentation">…</li> <li class="pager__item pager__item--next"> <a href="?page=1" title="Go to next page" rel="next"> <span class="visually-hidden">Next page</span> <span aria-hidden="true">Next ›</span> </a> </li> <li class="pager__item pager__item--last"> <a href="?page=9" title="Go to last page"> <span class="visually-hidden">Last page</span> <span aria-hidden="true">Last »</span> </a> </li> </ul> </nav> <div class="feed-icons"> <a href="https://blog.openstreetbrowser.org/rss.xml" class="feed-icon"> Subscribe to </a> </div> </div> </div> </div> </div> </div> </section> </main> </div> </div> <footer class="site-footer"> <div class="layout-container"> <div class="site-footer__bottom"> </div> </div> </footer> </div> </div> </div> </body> </html>