1 2 3 4 5<!DOCTYPE html> 6<html lang="en" dir="ltr"> 7 8<head data-locale="en" data-preferred-editor="id" data-preferred-languages="["en-US","en"]" data-location="{"minlon":-124.733253,"minlat":24.544245,"maxlon":-66.954811,"maxlat":49.388611}"> 9 10<meta http-equiv="X-UA-Compatible" content="IE=edge"> 11<meta name="viewport" content="width=device-width, initial-scale=1"> 12<link rel="apple-touch-icon" type="image/png" href="/assets/apple-touch-icon-57x57-0af2b52ac2b1a8cb0aba42f17aa901bfdedb9174bd978f838e3b3e1dd8602f52.png" sizes="57x57" /> 13<link rel="apple-touch-icon" type="image/png" href="/assets/apple-touch-icon-60x60-cff74c9066d8e7fd08b29407712edbae5613cc9a4c03ee0398a89502a6a41d1f.png" sizes="60x60" /> 14<link rel="apple-touch-icon" type="image/png" href="/assets/apple-touch-icon-72x72-63c6fdf3ddf65feebac1c0441bf6a378d1e4bde7107f598ae86733c402895eae.png" sizes="72x72" /> 15<link rel="apple-touch-icon" type="image/png" href="/assets/apple-touch-icon-76x76-1740d6e7a59521693c496dd8fbe1caf3d5ad302017cb0f5073b6914b4f5b7544.png" sizes="76x76" /> 16<link rel="apple-touch-icon" type="image/png" href="/assets/apple-touch-icon-114x114-20ba9df1a8f9b341040d661b7942b7b10288b9b4c4ce0663e10018958dc7f4a8.png" sizes="114x114" /> 17<link rel="apple-touch-icon" type="image/png" href="/assets/apple-touch-icon-120x120-c304991e604d1be82639709b96fb87f7b6b6688cc0d04d5f6141604259299648.png" sizes="120x120" /> 18<link rel="apple-touch-icon" type="image/png" href="/assets/apple-touch-icon-144x144-fbf20bdf9d2f7c1fe8eb85d7869a9bda285be88c93a39438150f5eb5955758ce.png" sizes="144x144" /> 19<link rel="apple-touch-icon" type="image/png" href="/assets/apple-touch-icon-152x152-af45dc979e972cab863517b2cb33a3dcf3e04e02a2eb2734c6f93edc21fa395d.png" sizes="152x152" /> 20<link rel="apple-touch-icon" type="image/png" href="/assets/apple-touch-icon-180x180-ea6361d7ae5b3f08c6290652ad703fa239364cc09c84873044f3299845f24652.png" sizes="180x180" /> 21<link rel="icon" type="image/png" href="/assets/favicon-32x32-99b88fcadeef736889823c8a886b89d8cada9d4423a49a27de29bacc0a6bebd1.png" sizes="32x32" /> 22<link rel="icon" type="image/png" href="/assets/favicon-194x194-79d3fb0152c735866e64b1d7535d504483cd13c2fad0131a6142bd9629d30de2.png" sizes="194x194" /> 23<link rel="icon" type="image/png" href="/assets/favicon-96x96-6ffbc38962fddb870f9577b76430a0ee4db5fb4eca485f850cd45436d7f3eb87.png" sizes="96x96" /> 24<link rel="icon" type="image/png" href="/assets/android-chrome-192x192-f970b9be3965dfda6ea9481b305c39b2ec794e296f802235e30d4671f0f896e1.png" sizes="192x192" /> 25<link rel="icon" type="image/png" href="/assets/favicon-16x16-474476c1b2381628a81361a9e2bf04b936d21f77c59e84b48c6c69ea376fb6cf.png" sizes="16x16" /> 26<link rel="mask-icon" href="/assets/tab-icon-07d8c4247610d2f043ac298b3905536230b9615b08e23e69026c8d55790da13b.svg" color="#7ebc6f"> 27<link rel="manifest" href="/assets/manifest-97cb57bafa7f7f002cc5fe5532b856c4246eef5cbbd21c78b4c6bc2ffa46747a.json"> 28<meta name="msapplication-config" content="/assets/browserconfig-c59184dc0264731151cbf50ae58f7fa8ae5153138013f125203e1193800f862f.xml"> 29<meta name="msapplication-TileColor" content="#00a300"> 30<meta name="msapplication-TileImage" content="/assets/mstile-144x144-02723f6f7cb2c18e6f8041c93f80982decb52b24a7e447477bc2ce3136d75806.png"> 31<meta name="theme-color" content="#ffffff"> 32<meta name="turbo-refresh-method" content="morph"> 33<meta name="turbo-refresh-scroll" content="preserve"> 34<link href="https://www.openstreetmap.org/" rel="canonical" /> 35<link rel="search" type="application/opensearchdescription+xml" title="OpenStreetMap Search" href="/assets/osm-42b7b3fbcee2193e455a773db6cd3d34a2f48ca94547fed54901dd9d8307b02b.xml"> 36<meta name="description" content="OpenStreetMap is a map of the world, created by people like you and free to use under an open license."> 37<meta property="og:site_name" content="OpenStreetMap"> 38<meta property="og:title" content="OpenStreetMap"> 39<meta property="og:type" content="website"> 40<meta property="og:url" content="https://www.openstreetmap.org/"> 41<meta property="og:description" content="OpenStreetMap is a map of the world, created by people like you and free to use under an open license."> 42<meta property="og:image" content="https://www.openstreetmap.org/assets/osm_logo_256-ed028f90468224a272961c380ecee
420cfb73b8048b34f4b4b204b7f0d1097875d.png"> 43<meta property="og:image:alt" content="OpenStreetMap logo"> 44 45
45<script src="/assets/turbo-c17cce38062be94687ab3e688cf14213be635ee2b55e63d9d5778659fab0c27b.js" type="module"></script>
45 46
46<script src="/assets/application-2a179bc65fe5054559be8253d754e9a3a49403dff671f87bebc1d383bed49739.js"></script>
46 47
47<script src="/assets/i18n/en-68ae657fcb9ec003f75724965c0b5093e341bdcd580a61958a5dffb0cb117b0a.js"></script>
47 48 <link rel="stylesheet" href="/assets/screen-auto-ltr-ec1e9d9d5ce9501d4541908d9162a602dcd97bed70706590c0fb015061b64521.css" media="screen" /> 49 <link rel="stylesheet" href="/assets/print-ltr-97dee1ca487394c852f28c2906a930316ab6d2cacf7f73e47c1c31fad8919051.css" media="print" /> 50 <link rel="stylesheet" href="/assets/leaflet-all-d3e8505f47e0f0615d3daf2619f2267c086cbe9e17e276f393ee686dca54e0d3.css" media="screen, print" /> 51 <link rel="stylesheet" href="/assets/maplibre-gl-all-671191c247be2831d2737d30b396112dc1041453bd6291863062bbaea52a940a.css" media="screen, print" /> 52
52<script src="/assets/index-d9c2137181e047a35fbb94210eaadd1a0626eaf1a23b1e4e46c5c67b4e9df48d.js"></script>
52 53 54 55 <meta name="csrf-param" content="authenticity_token" /> 56<meta name="csrf-token" content="aFFiTqcb_fq1anJmPNvAoF-I9SFs_xitvydyQX16aAyhB5Tsr9iPw23HciCfllDEec_QeepN73hfjg8bg7sF0w" /> 57 <meta name="csp-nonce" content="rekbdRG8jTJYgQE6qGpO0Dd2kXXO2rqZ" /> 58 <title>OpenStreetMap</title> 59</head> 60 <body class="map-layout"> 61 62<header class="navbar navbar-expand-md bg-body flex-column flex-md-row align-items-stretch p-0 position-relative flex-nowrap z-3"> 63 <h1 class="d-flex m-0 align-items-center fw-semibold"> 64 <a href="/" class="icon-link gap-1 me-auto text-body-emphasis text-decoration-none geolink"> 65 <img alt="OpenStreetMap logo" src="/assets/osm_logo-cc7d94392992162133be3baa21a37eb84f19f9b91178f704005378fbeecabb4e.svg" width="30" height="30" /> 66 OpenStreetMap 67 </a> 68 69<button type="button" class="btn btn-outline-secondary align-self-stretch px-2 border-secondary border-opacity-10 d-md-none" title="Select Language" data-bs-toggle="modal" data-bs-target="#select_language_dialog"><i class="bi bi-translate fs-5 lh-1"></i></button> 70 71 <button class="navbar-toggler p-0 border-0 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#header-nav" aria-controls="header-nav" aria-expanded="false" aria-label="Main"> 72 <span class="navbar-toggler-icon"></span> 73 </button> 74 </h1> 75 <section id="header-nav" class="flex-grow-1 collapse d-md-block"> 76 77 78<div class="search_forms d-md-none"> 79 <form method="GET" action="/search" class="search_form bg-body-secondary p-2"> 80 <div class="d-flex gap-2"> 81 <div class="input-group flex-nowrap"> 82 <input type="text" name="query" id="query" placeholder="Search" autocomplete="on" class="form-control z-0 py-1 px-2" dir="auto" /> 83 <div class="input-group-text border-start-0 p-0 position-relative"> 84 <button name="button" type="button" class="describe_location position-absolute end-0 m-1 btn btn-outline-primary border-0 p-1 text-primary link-body-emphasis link-opacity-100-hover" title="Describe the current location using the search engine">Where is this?</button> 85 </div> 86 <button name="button" type="submit" class="btn btn-primary p-1" title="Go"> 87 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="20"><circle cx="13" cy="7" r="6.5" fill="currentColor" fill-opacity=".5" stroke="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.75 12.629a6.5 6.5 0 0 1-2.379-2.379"></path><path stroke="currentColor" stroke-opacity=".5" stroke-width="2" d="m1 19 .5-.5"></path><path stroke="currentColor" stroke-width="2.5" d="M1.5 18.5 6 14"></path><path stroke="currentColor" stroke-opacity=".5" stroke-width="2" d="m6 14 .5-.5"></path><path stroke="currentColor" stroke-width="1.5" d="m6.5 13.5 2-2"></path></svg> 88</button> </div> 89 <a class="btn btn-primary p-1 switch_link" title="Find directions between two points" href="/directions"> 90 <svg xmlns="http://www.w3.org/2000/svg" width="28" height="24" class="align-bottom"><path fill="none" stroke="currentColor" stroke-opacity=".5" d="M11.5 11.5v-3h3v-1l-5-5-5 5v1h3v6"></path><path fill="currentColor" fill-opacity=".5" stroke="currentColor" d="M7.5 21.5h4v-5a1 1 0 0 1 1-1h5v3h1l5-5-5-5h-1v3h-6a4 4 0 0 0-4 4z"></path></svg> 91</a> </div> 92 </form> 93 94 <form method="GET" action="/directions" class="directions_form bg-body-secondary p-2"> 95 <div class="d-flex flex-column gap-2"> 96 <div class="d-flex gap-2 align-items-center"> 97 <div class="btn-group routing_modes" role="group"> 98 <input type="radio" name="modes" id="modes_car" value="car" class="btn-check" autocomplete="off" disabled="disabled" /> 99 <label class="btn btn-outline-secondary px-2 py-1" title="Car" for="modes_car"><i class="bi bi-car-front-fill fs-6" aria-hidden="true"></i></label> 100 <input type="radio" name="modes" id="modes_bicycle" value="bicycle" class="btn-check" autocomplete="off" disabled="disabled" /> 101 <label class="btn btn-outline-secondary px-2 py-1" title="Bicycle" for="modes_bicycle"><i class="bi bi-bicycle fs-6" aria-hidden="true"></i></label> 102 <input type="radio" name="modes" id="modes_foot" value="foot"
102class="btn-check" autocomplete="off" disabled="disabled" /> 103 <label class="btn btn-outline-secondary px-2 py-1" title="Foot" for="modes_foot"><i class="bi bi-person-walking fs-6" aria-hidden="true"></i></label> 104 </div> 105 <select name="routing_engines" id="routing_engines" class="form-select py-1 px-2" title="Directions services"><optgroup label="Directions services"><option disabled="disabled" value="graphhopper">GraphHopper</option> 106<option disabled="disabled" value="fossgis_osrm">OSRM</option> 107<option disabled="disabled" value="fossgis_valhalla">Valhalla</option></optgroup></select> 108 <button type="button" class="btn-close flex-shrink-0 p-2 rounded-5" aria-label="Close"></button> 109 </div> 110 <div class="d-flex gap-2 align-items-center"> 111 <div class="d-flex flex-column gap-1 flex-grow-1"> 112 <div class="d-grid align-items-center"> 113 <div class="routing_marker_column z-0"> 114 <span data-type="from" draggable="true"> 115 <svg viewBox="0 0 25 40"> 116 <title>Route start marker</title> 117 <use href="#pin-start" color="var(--marker-green)" /> 118 </svg> 119 </span> 120 </div> 121 <input type="text" name="route_from" id="route_from" placeholder="From" autocomplete="on" class="form-control py-1 px-2 ps-4" dir="auto" /> 122 </div> 123 <div class="d-grid align-items-center"> 124 <div class="routing_marker_column z-0"> 125 <span data-type="to" draggable="true"> 126 <svg viewBox="0 0 25 40"> 127 <title>Route end marker</title> 128 <use href="#pin-destination" color="var(--marker-red)" /> 129 </svg> 130 </span> 131 </div> 132 <input type="text" name="route_to" id="route_to" placeholder="To" autocomplete="on" class="form-control py-1 px-2 ps-4" dir="auto" /> 133 </div> 134 </div> 135 <button name="button" type="button" class="reverse_directions btn btn-outline-secondary p-1" title="Reverse Directions"><i class="bi bi-arrow-down-up d-flex fs-5" aria-hidden="true"></i></button> 136 </div> 137 </div> 138 </form> 139</div> 140 141 <nav class="navbar-nav gap-2 flex-grow-1" aria-label="Main navigation"> 142 <div id="edit_tab" class="btn-group"> 143 <a class="btn btn-outline-primary geolink editlink" id="editanchor" data-editor="id" href="/edit">Edit</a> 144 <button class="btn btn-outline-primary dropdown-toggle dropdown-toggle-split flex-grow-0" type="button" data-bs-toggle="dropdown"></button> 145 <ul class="dropdown-menu position-absolute"> 146 <li> 147 <a data-editor="id" class="geolink editlink dropdown-item" href="/edit?editor=id">Edit with iD (in-browser editor)</a> 148 </li> 149 <li> 150 <a data-editor="remote" class="geolink editlink dropdown-item" href="/edit?editor=remote">Edit with Remote Control (JOSM, Potlatch, Merkaartor)</a> 151 </li> 152 </ul> 153 </div> 154 <ul id="secondary-nav-menu" class="nav flex-grow-1 ms-md-2 align-items-center justify-content-center justify-content-md-start" data-turbo-permanent> 155 <li class="nav-item"> 156 <a class="nav-link px-1 py-2 py-md-1 text-secondary geolink" href="/history">History</a> 157 </li> 158 <li class="nav-item"> 159 <a class="nav-link px-1 py-2 py-md-1 text-secondary geolink" href="/export">Export</a> 160 </li> 161 <li class="nav-item"> 162 <a class="nav-link px-1 py-2 py-md-1 text-secondary" href="/traces">GPS Traces</a> 163 </li> 164 <li class="nav-item"> 165 <a class="nav-link px-1 py-2 py-md-1 text-secondary" href="/diary">User Diaries</a> 166 </li> 167 <li class="nav-item"> 168 <a class="nav-link px-1 py-2 py-md-1 text-secondary" href="/communities">Communities</a> 169 </li> 170 <li class="nav-item"> 171 <a class="nav-link px-1 py-2 py-md-1 text-secondary" href="/copyright">Copyright</a> 172 </li> 173 <li class="nav-item"> 174 <a class="nav-link px-1 py-2 py-md-1 text-secondary" href="/help">Help</a> 175 </li> 176 <li class="nav-item"> 177 <a class="nav-link px-1 py-2 py-md-1 text-secondary" target="new" href="https://supporting.openstreetmap.org/donate/">Donate</a> 178 </li> 179 <li class="nav-item"> 180 <a class="nav-link px-1 py-2 py-md-1 text-secondary" href="/about">About</a> 181 </li>
182 <li id="compact-secondary-nav" class="dropdown nav-item ms-auto collapse"> 183 <button class="dropdown-toggle nav-link btn btn-outline-secondary px-1 py-2 py-md-1 border-0 bg-body text-secondary" type="button" data-bs-toggle="dropdown">More</button> 184 <ul class="dropdown-menu"> 185 </ul> 186 </li> 187 </ul> 188 189 190<button type="button" class="btn btn-outline-secondary align-self-stretch px-2 d-none d-md-block py-0" title="Select Language" data-bs-toggle="modal" data-bs-target="#select_language_dialog"><i class="bi bi-translate fs-5 lh-1"></i></button> 191 192 <div class="d-flex btn-group login-menu"> 193 <a class="geolink btn btn-outline-secondary" href="/login?referer=%2F">Log In</a> 194 <a class="btn btn-outline-secondary" href="/user/new">Sign Up</a> 195 </div> 196 </nav> 197 </section> 198</header> 199 200<div class="modal fade" id="select_language_dialog" tabindex="-1" aria-labelledby="select_language_dialog_label" role="dialog" aria-hidden="true"> 201 <div class="modal-dialog modal-lg modal-dialog-scrollable"> 202 <div class="modal-content"> 203 <div class="modal-header"> 204 <h1 class="modal-title fs-5" id="select_language_dialog_label">Select Language</h1> 205 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 206 </div> 207 <div class="modal-body px-1"> 208 <turbo-frame id="select_language_list" data-src="/panes/languages"> 209 <div class="text-center py-3"> 210<div class="spinner-border" role="status"> 211 <span class="visually-hidden">Loading...</span> 212</div> 213</div> 214 </turbo-frame> 215 </div> 216 </div> 217 </div> 218</div> 219 220<div class="modal fade" id="osm_alert_modal" tabindex="-1" aria-labelledby="osm_alert_title" role="alertdialog" aria-hidden="true"> 221 <div class="modal-dialog modal-dialog-centered"> 222 <div class="modal-content"> 223 <div class="modal-header"> 224 <h1 class="modal-title fs-5" id="osm_alert_title"></h1> 225 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 226 </div> 227 <div class="modal-body" id="osm_alert_message"> 228 </div> 229 <div class="modal-footer"> 230 <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Close</button> 231 </div> 232 </div> 233 </div> 234</div> 235 236 237<div id="content" class="overlay-sidebar"> 238 <div id="sidebar" class="bg-body flex-shrink-0 z-1"> 239 240 241<div class="search_forms d-none d-md-block"> 242 <form method="GET" action="/search" class="search_form bg-body-secondary p-2"> 243 <div class="d-flex gap-2"> 244 <div class="input-group flex-nowrap"> 245 <input type="text" name="query" id="query" placeholder="Search" autofocus="autofocus" autocomplete="on" class="form-control z-0 py-1 px-2" dir="auto" /> 246 <div class="input-group-text border-start-0 p-0 position-relative"> 247 <button name="button" type="button" class="describe_location position-absolute end-0 m-1 btn btn-outline-primary border-0 p-1 text-primary link-body-emphasis link-opacity-100-hover" title="Describe the current location using the search engine">Where is this?</button> 248 </div> 249 <button name="button" type="submit" class="btn btn-primary p-1" title="Go"> 250 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="20"><circle cx="13" cy="7" r="6.5" fill="currentColor" fill-opacity=".5" stroke="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.75 12.629a6.5 6.5 0 0 1-2.379-2.379"></path><path stroke="currentColor" stroke-opacity=".5" stroke-width="2" d="m1 19 .5-.5"></path><path stroke="currentColor" stroke-width="2.5" d="M1.5 18.5 6 14"></path><path stroke="currentColor" stroke-opacity=".5" stroke-width="2" d="m6 14 .5-.5"></path><path stroke="currentColor" stroke-width="1.5" d="m6.5 13.5 2-2"></path></svg> 251</button> </div> 252 <a class="btn btn-primary p-1 switch_link" title="Find directions between two points" href="/directions"> 253 <svg xmlns="http://www.w3.org/2000/svg" width="28" height="24" class="align-bottom"><path fill="none" stroke="currentColor" stroke-opacity=".5" d="M11.5 11.5v-3h3v-1l-5-5-5 5v1h3v6"></path>
253<path fill="currentColor" fill-opacity=".5" stroke="currentColor" d="M7.5 21.5h4v-5a1 1 0 0 1 1-1h5v3h1l5-5-5-5h-1v3h-6a4 4 0 0 0-4 4z"></path></svg> 254</a> </div> 255 </form> 256 257 <form method="GET" action="/directions" class="directions_form bg-body-secondary p-2"> 258 <div class="d-flex flex-column gap-2"> 259 <div class="d-flex gap-2 align-items-center"> 260 <div class="btn-group routing_modes" role="group"> 261 <input type="radio" name="modes" id="modes_car" value="car" class="btn-check" autocomplete="off" disabled="disabled" /> 262 <label class="btn btn-outline-secondary px-2 py-1" title="Car" for="modes_car"><i class="bi bi-car-front-fill fs-6" aria-hidden="true"></i></label> 263 <input type="radio" name="modes" id="modes_bicycle" value="bicycle" class="btn-check" autocomplete="off" disabled="disabled" /> 264 <label class="btn btn-outline-secondary px-2 py-1" title="Bicycle" for="modes_bicycle"><i class="bi bi-bicycle fs-6" aria-hidden="true"></i></label> 265 <input type="radio" name="modes" id="modes_foot" value="foot" class="btn-check" autocomplete="off" disabled="disabled" /> 266 <label class="btn btn-outline-secondary px-2 py-1" title="Foot" for="modes_foot"><i class="bi bi-person-walking fs-6" aria-hidden="true"></i></label> 267 </div> 268 <select name="routing_engines" id="routing_engines" class="form-select py-1 px-2" title="Directions services"><optgroup label="Directions services"><option disabled="disabled" value="graphhopper">GraphHopper</option> 269<option disabled="disabled" value="fossgis_osrm">OSRM</option> 270<option disabled="disabled" value="fossgis_valhalla">Valhalla</option></optgroup></select> 271 <button type="button" class="btn-close flex-shrink-0 p-2 rounded-5" aria-label="Close"></button> 272 </div> 273 <div class="d-flex gap-2 align-items-center"> 274 <div class="d-flex flex-column gap-1 flex-grow-1"> 275 <div class="d-grid align-items-center"> 276 <div class="routing_marker_column z-0"> 277 <span data-type="from" draggable="true"> 278 <svg viewBox="0 0 25 40"> 279 <title>Route start marker</title> 280 <use href="#pin-start" color="var(--marker-green)" /> 281 </svg> 282 </span> 283 </div> 284 <input type="text" name="route_from" id="route_from" placeholder="From" autocomplete="on" class="form-control py-1 px-2 ps-4" dir="auto" /> 285 </div> 286 <div class="d-grid align-items-center"> 287 <div class="routing_marker_column z-0"> 288 <span data-type="to" draggable="true"> 289 <svg viewBox="0 0 25 40"> 290 <title>Route end marker</title> 291 <use href="#pin-destination" color="var(--marker-red)" /> 292 </svg> 293 </span> 294 </div> 295 <input type="text" name="route_to" id="route_to" placeholder="To" autocomplete="on" class="form-control py-1 px-2 ps-4" dir="auto" /> 296 </div> 297 </div> 298 <button name="button" type="button" class="reverse_directions btn btn-outline-secondary p-1" title="Reverse Directions"><i class="bi bi-arrow-down-up d-flex fs-5" aria-hidden="true"></i></button> 299 </div> 300 </div> 301 </form> 302</div> 303 304 <div id="flash"> 305 306 307 </div> 308 309 <div id="browse_status"></div> 310 311 312<div class="sidebar-close-controls sticky-top z-0"> 313 <div class="position-absolute end-0 m-2 rounded-5 bg-body-tertiary shadow-sm"> 314 <button type="button" disabled class="btn-close d-block p-2 invisible"></button> 315 </div> 316</div> 317<div class="sidebar-close-controls sticky-top"> 318 <div class="position-absolute end-0 m-2 rounded-5"> 319 <button type="button" class="btn-close d-block p-2 rounded-5" aria-label="Close"></button> 320 </div> 321</div> 322<div class="sidebar-close-controls position-relative"> 323 <div class="position-absolute end-0 bg-body p-4 ps-3"> 324 </div> 325</div> 326 327 328 <div id="sidebar_loader" class="my-3 text-center loader"> 329<div class="spinner-border" role="status"> 330 <span class="visually-hidden">Loading...</span> 331</div> 332</div> 333
334 <div id="sidebar_content" class="p-3 position-relative z-n1"> 335 <turbo-frame id="sidebar_content_frame" target="_top" data-turbo="false"> 336 337 </turbo-frame> 338 </div> 339 340 <div class="welcome d-none position-relative p-3"> 341 <button type="button" class="btn-close position-absolute end-0 top-0 m-2 rounded-5 p-2" aria-label="Close"></button> 342 <h2 class="me-4 text-break">Welcome to OpenStreetMap!</h2> 343 <p class="fs-6 fw-light">OpenStreetMap is a map of the world, created by people like you and free to use under an open license.</p> 344 <p class="fs-7 fw-light">Hosting is supported by <a href="https://www.fastly.com/">Fastly</a>, <a href="https://osmfoundation.org/wiki/Corporate_Members">OSMF corporate members</a>, and other <a href="https://hardware.openstreetmap.org/thanks/">partners</a>. 345 </p> 346 <p class="fs-7 fw-light"> 347 By using this website or other infrastructure provided by the OpenStreetMap Foundation, you agree to the <a href="https://osmfoundation.org/wiki/Terms_of_Use">Terms of Use</a>. 348 </p> 349 <div class="d-flex gap-2"> 350 <a class="btn btn-primary w-100 d-flex align-items-center justify-content-center" href="/about">Learn More</a> 351 <a class="btn btn-primary w-100 d-flex align-items-center justify-content-center" href="/user/new">Start Mapping</a> 352 </div> 353 </div> 354 355 356 357 </div> 358 359 360<svg width="0" height="0" class="end-100 position-absolute" aria-hidden="true"> 361 <defs> 362 <linearGradient id="fill" x1="0" x2="0" y1="0" y2="40" gradientUnits="userSpaceOnUse"> 363 <stop offset="0" stop-color="#aaa6" /> 364 <stop offset="1" stop-color="#2224" /> 365 </linearGradient> 366 <linearGradient id="stroke" x1="0" x2="0" y1="0" y2="20" gradientUnits="userSpaceOnUse"> 367 <stop offset="0" stop-color="#6666" /> 368 <stop offset="1" stop-color="#4448" /> 369 </linearGradient> 370 <clipPath id="pin-clip"> 371 <path id="pin-path" d="M12.5 40 2.94 21.6448C1.47 18.8224 0 16 0 12.5a12.5 12.5 0 0 1 25 0c0 3.5-1.47 6.3224-2.94 9.1448z" /> 372 </clipPath> 373 <filter id="pin-shadow-blur" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="4 2" /></filter> 374 <ellipse id="pin-shadow" cx="12.5" cy="40" rx="12.5" ry="3" fill-opacity="0.3" filter="url(#pin-shadow-blur)"></ellipse> 375 376 377 <path id="dot-path" stroke-linecap="round" fill="#fff" d="M11.5 10a1 1 0 0 0 2 5 1 1 0 0 0-2-5" /> 378 <g id="pin-dot" clip-path="url(#pin-clip)"> 379 <use href="#pin-path" fill="currentColor" /> 380 <use href="#pin-path" fill="url(#fill)" /> 381 <g stroke="#fff" opacity="0.122"> 382 <use href="#pin-path" fill="none" stroke-width="4.4" /> 383 <use href="#dot-path" stroke-width="7.2" /> 384 </g> 385 <g stroke="currentColor"> 386 <use href="#pin-path" fill="none" stroke-width="2.2" /> 387 <use href="#dot-path" stroke-width="5" /> 388 </g> 389 <g stroke="url(#stroke)"> 390 <use href="#pin-path" fill="none" stroke-width="2.2" /> 391 <use href="#dot-path" stroke-width="5" /> 392 </g> 393 <use href="#dot-path" stroke="#fff" stroke-width="2.8" /> 394 </g> 395 <path id="exclam-path" stroke-linecap="round" fill="none" d="M12.5 6.25V14.15m0 5.6v0" /> 396 <g id="pin-exclam" clip-path="url(#pin-clip)"> 397 <use href="#pin-path" fill="currentColor" /> 398 <use href="#pin-path" fill="url(#fill)" /> 399 <g stroke="#fff" opacity="0.122"> 400 <use href="#pin-path" fill="none" stroke-width="4.4" /> 401 <use href="#exclam-path" stroke-width="7.2" /> 402 </g> 403 <g stroke="currentColor"> 404 <use href="#pin-path" fill="none" stroke-width="2.2" /> 405 <use href="#exclam-path" stroke-width="5" /> 406 </g> 407 <g stroke="url(#stroke)"> 408 <use href="#pin-path" fill="none" stroke-width="2.2" /> 409 <use href="#exclam-path" stroke-width="5" /> 410 </g> 411 <use href="#exclam-path" stroke="#fff" stroke-width="2.8" /> 412 </g> 413 <path id="tick-path" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M7.157 14.649Q8.9 16 11.22 18.761 14.7 11.7 17.843 8.239" /> 414 <g id="pin-tick" clip-path="url(#pin-clip)"> 415 <use href="#pin-path" fill="currentColor" /> 416 <use href="#pin-path" fill="url(#fill)" />
417 <g stroke="#fff" opacity="0.122"> 418 <use href="#pin-path" fill="none" stroke-width="4.4" /> 419 <use href="#tick-path" stroke-width="7.2" /> 420 </g> 421 <g stroke="currentColor"> 422 <use href="#pin-path" fill="none" stroke-width="2.2" /> 423 <use href="#tick-path" stroke-width="5" /> 424 </g> 425 <g stroke="url(#stroke)"> 426 <use href="#pin-path" fill="none" stroke-width="2.2" /> 427 <use href="#tick-path" stroke-width="5" /> 428 </g> 429 <use href="#tick-path" stroke="#fff" stroke-width="2.8" /> 430 </g> 431 <path id="plus-path" stroke-linecap="round" d="M5.75 13h13.5m-6.75-6.75v13.5" /> 432 <g id="pin-plus" clip-path="url(#pin-clip)"> 433 <use href="#pin-path" fill="currentColor" /> 434 <use href="#pin-path" fill="url(#fill)" /> 435 <g stroke="#fff" opacity="0.122"> 436 <use href="#pin-path" fill="none" stroke-width="4.4" /> 437 <use href="#plus-path" stroke-width="7.2" /> 438 </g> 439 <g stroke="currentColor"> 440 <use href="#pin-path" fill="none" stroke-width="2.2" /> 441 <use href="#plus-path" stroke-width="5" /> 442 </g> 443 <g stroke="url(#stroke)"> 444 <use href="#pin-path" fill="none" stroke-width="2.2" /> 445 <use href="#plus-path" stroke-width="5" /> 446 </g> 447 <use href="#plus-path" stroke="#fff" stroke-width="2.8" /> 448 </g> 449 <path id="start-path" stroke-linejoin="round" fill="#fff" d="M5.5 13h7v7l5-12z" /> 450 <g id="pin-start" clip-path="url(#pin-clip)"> 451 <use href="#pin-path" fill="currentColor" /> 452 <use href="#pin-path" fill="url(#fill)" /> 453 <g stroke="#fff" opacity="0.122"> 454 <use href="#pin-path" fill="none" stroke-width="4.4" /> 455 <use href="#start-path" stroke-width="7.2" /> 456 </g> 457 <g stroke="currentColor"> 458 <use href="#pin-path" fill="none" stroke-width="2.2" /> 459 <use href="#start-path" stroke-width="5" /> 460 </g> 461 <g stroke="url(#stroke)"> 462 <use href="#pin-path" fill="none" stroke-width="2.2" /> 463 <use href="#start-path" stroke-width="5" /> 464 </g> 465 <use href="#start-path" stroke="#fff" stroke-width="2.8" /> 466 </g> 467 <path id="destination-path" stroke-linecap="round" stroke-linejoin="round" fill="#fff" d="M10 21 7 9c5-3 6 2 11 0l1 4c-5 2-6-3-11 0" /> 468 <g id="pin-destination" clip-path="url(#pin-clip)"> 469 <use href="#pin-path" fill="currentColor" /> 470 <use href="#pin-path" fill="url(#fill)" /> 471 <g stroke="#fff" opacity="0.122"> 472 <use href="#pin-path" fill="none" stroke-width="4.4" /> 473 <use href="#destination-path" stroke-width="7.2" /> 474 </g> 475 <g stroke="currentColor"> 476 <use href="#pin-path" fill="none" stroke-width="2.2" /> 477 <use href="#destination-path" stroke-width="5" /> 478 </g> 479 <g stroke="url(#stroke)"> 480 <use href="#pin-path" fill="none" stroke-width="2.2" /> 481 <use href="#destination-path" stroke-width="5" /> 482 </g> 483 <use href="#destination-path" stroke="#fff" stroke-width="2.8" /> 484 </g> 485 </defs> 486</svg> 487 488 489 <noscript> 490 <div class="mt-5 p-3"> 491 <p>You are either using a browser that does not support JavaScript, or you have disabled JavaScript.</p> 492 <p>OpenStreetMap uses JavaScript for its slippy map.</p> 493 </div> 494 </noscript> 495 496 <div id="map-ui" class="bg-body flex-shrink-0 order-md-1 z-2"> 497 498<div class="sidebar-close-controls sticky-top z-0"> 499 <div class="position-absolute end-0 m-2 rounded-5 bg-body-tertiary shadow-sm"> 500 <button type="button" disabled class="btn-close d-block p-2 invisible"></button> 501 </div> 502</div> 503<div class="sidebar-close-controls sticky-top"> 504 <div class="position-absolute end-0 m-2 rounded-5"> 505 <button type="button" class="btn-close d-block p-2 rounded-5" aria-label="Close"></button> 506 </div> 507</div> 508<div class="sidebar-close-controls position-relative"> 509 <div class="position-absolute end-0 bg-body p-4 ps-3"> 510 </div> 511</div> 512 513 </div> 514 515 <div id="map" class="bg-body-secondary flex-grow-1 z-0"> 516 </div> 517 518 <div id="attribution" class="d-none"> 519 <table> 520 <tr> 521 <td>
521https://openstreetmap.org/copyright</td> 522 <td>https://openstreetmap.org</td> 523 </tr> 524 <tr> 525 <td colspan="2" class="attribution_notice">Copyright OpenStreetMap and contributors, under an open license</td> 526 </tr> 527 </table> 528 </div> 529 530 <div id="map-context-menu" class="dropdown d-none shadow cm_dropdown"></div> 531 532</div> 533 534 <noscript><p><img class="matomo" alt="" src="https://matomo.openstreetmap.org/matomo.php?idsite=1" /></p></noscript> 535</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.