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"]"> 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/export" 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="Export"> 39<meta property="og:type" content="website"> 40<meta property="og:url" content="https://www.openstreetmap.org/export"> 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="ltTg27YK7diRWCvEXDwsqwtDgWPnHnPU5hIsWrDDgfzwo8Pqys48L9vRgcvGdkt_uVEqCWlPMwvUZ4hgWDI8JQ" /> 57 <meta name="csp-nonce" content="9X0A+VSngqk2ZiJgtJUHUFEYj9Dz8mQ1" /> 58 <title>Export | 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 active text-secondary-emphasis 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=%2Fexport">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=""> 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 338<h2 class="me-4 text-break">Export</h2> 339 340 341<form class="export_form" data-turbo="true" action="/export/finish" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JcK2hk-AL8HgTto4SfMmFWjMVhX_N4kv2azMjEsEHATpZvyrLWheFwljHmfcNZiN4UHVSJnKPnXKy4ZZp4YoCQ" autocomplete="off" /> 342 <input type="hidden" name="format" id="format" value="osm" autocomplete="off" /> 343 344 <div class="export_area_inputs text-center mb-3"> 345 <div class="export_boxy border border-secondary-subtle rounded bg-body-secondary" dir="ltr"> 346 <input type="text" name="maxlat" id="maxlat" size="10" autocomplete="off" class="form-control text-center mx-auto" /> 347 <div class="d-flex justify-content-between"> 348 <input type="text" name="minlon" id="minlon" size="10" autocomplete="off" class="form-control text-center my-2" /> 349 <input type="text" name="maxlon" id="maxlon" size="10" autocomplete="off" class="form-control text-center my-2" /> 350 </div> 351 <input type="text" name="minlat" id="minlat" size="10" autocomplete="off" class="form-control text-center mx-auto" /> 352 </div> 353 <button type="button" id="drag_box" class="btn btn-link p-0 border-0"><small>Manually select a different area</small></button> 354 </div> 355 356 <h4>Licence</h4> 357 <p>OpenStreetMap data is licensed under the <a href="https://opendatacommons.org/licenses/odbl/1.0/">Open Data Commons Open Database License</a> (ODbL).</p> 358 359 <div id="export_osm_too_large"> 360 <p class="alert alert-warning"> 361 This area is too large to be exported as OpenStreetMap XML Data. Please zoom in or select a smaller area, or use one of the sources listed below for bulk data downloads. 362 </p> 363 </div> 364 365 <div id="export_commit"> 366 <div class="mb-3 d-flex"> 367 <input type="submit" name="commit" value="Export" class="btn btn-primary mx-auto" data-turbo-submits-with="Downloading..." data-disable-with="Export" /> 368 </div> 369 </div> 370 371 <p>If the above export fails, please consider using one of the sources listed below:</p> 372 373 <dl class="px-3"> 374 <dt><a id="export_overpass" href="https://overpass-api.de/api/map">Overpass API</a></dt> 375 <dd>Download this bounding box from a mirror of the OpenStreetMap database</dd> 376 <dt><a id="export_planet" href="https://planet.openstreetmap.org/">Planet OSM</a></dt> 377 <dd>Regularly-updated copies of the complete OpenStreetMap database</dd> 378 <dt><a id="export_geofabrik" href="https://download.geofabrik.de/">Geofabrik Downloads</a></dt> 379 <dd>Regularly-updated extracts of continents, countries, and selected cities</dd> 380 <dt><a id="export_other" href="https://wiki.openstreetmap.org/wiki/Downloading_data">Other Sources</a></dt> 381 <dd>Additional sources listed on the OpenStreetMap Wiki</dd> 382 </dl> 383</form> 384<div class="modal fade" tabindex="-1" id="export_confirmation" aria-hidden="true"> 385 <div class="modal-dialog modal-dialog-centered"> 386 <div class="modal-content"> 387 <div class="modal-header"> 388 <h5 class="modal-title">Download XML Data</h5> 389 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 390 </div> 391 <div class="modal-body"> 392 <p>Do you want to download map data for this area in XML format? Note that large areas may take some time to download.</p> 393 </div> 394 <div class="modal-footer"> 395 <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"> 396 Cancel 397 </button> 398 <button type="button" class="btn btn-primary" data-action="download"> 399 Download 400 </button> 401 </div> 402 </div> 403 </div> 404</div> 405 406 </turbo-frame> 407 </div> 408 409 <div class="welcome d-none position-relative p-3"> 410 <button type="button" class="btn-close position-absolute end-0 top-0 m-2 rounded-5 p-2" aria-label="Close"></button> 411 <h2 class="me-4 text-break">Welcome to OpenStreetMap!</h2> 412 <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> 413 <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>. 414 </p> 415 <p class="fs-7 fw-light">
416 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>. 417 </p> 418 <div class="d-flex gap-2"> 419 <a class="btn btn-primary w-100 d-flex align-items-center justify-content-center" href="/about">Learn More</a> 420 <a class="btn btn-primary w-100 d-flex align-items-center justify-content-center" href="/user/new">Start Mapping</a> 421 </div> 422 </div> 423 424 425 426 </div> 427 428 429<svg width="0" height="0" class="end-100 position-absolute" aria-hidden="true"> 430 <defs> 431 <linearGradient id="fill" x1="0" x2="0" y1="0" y2="40" gradientUnits="userSpaceOnUse"> 432 <stop offset="0" stop-color="#aaa6" /> 433 <stop offset="1" stop-color="#2224" /> 434 </linearGradient> 435 <linearGradient id="stroke" x1="0" x2="0" y1="0" y2="20" gradientUnits="userSpaceOnUse"> 436 <stop offset="0" stop-color="#6666" /> 437 <stop offset="1" stop-color="#4448" /> 438 </linearGradient> 439 <clipPath id="pin-clip"> 440 <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" /> 441 </clipPath> 442 <filter id="pin-shadow-blur" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="4 2" /></filter> 443 <ellipse id="pin-shadow" cx="12.5" cy="40" rx="12.5" ry="3" fill-opacity="0.3" filter="url(#pin-shadow-blur)"></ellipse> 444 445 446 <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" /> 447 <g id="pin-dot" clip-path="url(#pin-clip)"> 448 <use href="#pin-path" fill="currentColor" /> 449 <use href="#pin-path" fill="url(#fill)" /> 450 <g stroke="#fff" opacity="0.122"> 451 <use href="#pin-path" fill="none" stroke-width="4.4" /> 452 <use href="#dot-path" stroke-width="7.2" /> 453 </g> 454 <g stroke="currentColor"> 455 <use href="#pin-path" fill="none" stroke-width="2.2" /> 456 <use href="#dot-path" stroke-width="5" /> 457 </g> 458 <g stroke="url(#stroke)"> 459 <use href="#pin-path" fill="none" stroke-width="2.2" /> 460 <use href="#dot-path" stroke-width="5" /> 461 </g> 462 <use href="#dot-path" stroke="#fff" stroke-width="2.8" /> 463 </g> 464 <path id="exclam-path" stroke-linecap="round" fill="none" d="M12.5 6.25V14.15m0 5.6v0" /> 465 <g id="pin-exclam" clip-path="url(#pin-clip)"> 466 <use href="#pin-path" fill="currentColor" /> 467 <use href="#pin-path" fill="url(#fill)" /> 468 <g stroke="#fff" opacity="0.122"> 469 <use href="#pin-path" fill="none" stroke-width="4.4" /> 470 <use href="#exclam-path" stroke-width="7.2" /> 471 </g> 472 <g stroke="currentColor"> 473 <use href="#pin-path" fill="none" stroke-width="2.2" /> 474 <use href="#exclam-path" stroke-width="5" /> 475 </g> 476 <g stroke="url(#stroke)"> 477 <use href="#pin-path" fill="none" stroke-width="2.2" /> 478 <use href="#exclam-path" stroke-width="5" /> 479 </g> 480 <use href="#exclam-path" stroke="#fff" stroke-width="2.8" /> 481 </g> 482 <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" /> 483 <g id="pin-tick" clip-path="url(#pin-clip)"> 484 <use href="#pin-path" fill="currentColor" /> 485 <use href="#pin-path" fill="url(#fill)" /> 486 <g stroke="#fff" opacity="0.122"> 487 <use href="#pin-path" fill="none" stroke-width="4.4" /> 488 <use href="#tick-path" stroke-width="7.2" /> 489 </g> 490 <g stroke="currentColor"> 491 <use href="#pin-path" fill="none" stroke-width="2.2" /> 492 <use href="#tick-path" stroke-width="5" /> 493 </g> 494 <g stroke="url(#stroke)"> 495 <use href="#pin-path" fill="none" stroke-width="2.2" /> 496 <use href="#tick-path" stroke-width="5" /> 497 </g> 498 <use href="#tick-path" stroke="#fff" stroke-width="2.8" /> 499 </g> 500 <path id="plus-path" stroke-linecap="round" d="M5.75 13h13.5m-6.75-6.75v13.5" /> 501 <g id="pin-plus" clip-path="url(#pin-clip)"> 502 <use href="#pin-path" fill="currentColor" /> 503 <use href="#pin-path" fill="url(#fill)" />
504 <g stroke="#fff" opacity="0.122"> 505 <use href="#pin-path" fill="none" stroke-width="4.4" /> 506 <use href="#plus-path" stroke-width="7.2" /> 507 </g> 508 <g stroke="currentColor"> 509 <use href="#pin-path" fill="none" stroke-width="2.2" /> 510 <use href="#plus-path" stroke-width="5" /> 511 </g> 512 <g stroke="url(#stroke)"> 513 <use href="#pin-path" fill="none" stroke-width="2.2" /> 514 <use href="#plus-path" stroke-width="5" /> 515 </g> 516 <use href="#plus-path" stroke="#fff" stroke-width="2.8" /> 517 </g> 518 <path id="start-path" stroke-linejoin="round" fill="#fff" d="M5.5 13h7v7l5-12z" /> 519 <g id="pin-start" clip-path="url(#pin-clip)"> 520 <use href="#pin-path" fill="currentColor" /> 521 <use href="#pin-path" fill="url(#fill)" /> 522 <g stroke="#fff" opacity="0.122"> 523 <use href="#pin-path" fill="none" stroke-width="4.4" /> 524 <use href="#start-path" stroke-width="7.2" /> 525 </g> 526 <g stroke="currentColor"> 527 <use href="#pin-path" fill="none" stroke-width="2.2" /> 528 <use href="#start-path" stroke-width="5" /> 529 </g> 530 <g stroke="url(#stroke)"> 531 <use href="#pin-path" fill="none" stroke-width="2.2" /> 532 <use href="#start-path" stroke-width="5" /> 533 </g> 534 <use href="#start-path" stroke="#fff" stroke-width="2.8" /> 535 </g> 536 <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" /> 537 <g id="pin-destination" clip-path="url(#pin-clip)"> 538 <use href="#pin-path" fill="currentColor" /> 539 <use href="#pin-path" fill="url(#fill)" /> 540 <g stroke="#fff" opacity="0.122"> 541 <use href="#pin-path" fill="none" stroke-width="4.4" /> 542 <use href="#destination-path" stroke-width="7.2" /> 543 </g> 544 <g stroke="currentColor"> 545 <use href="#pin-path" fill="none" stroke-width="2.2" /> 546 <use href="#destination-path" stroke-width="5" /> 547 </g> 548 <g stroke="url(#stroke)"> 549 <use href="#pin-path" fill="none" stroke-width="2.2" /> 550 <use href="#destination-path" stroke-width="5" /> 551 </g> 552 <use href="#destination-path" stroke="#fff" stroke-width="2.8" /> 553 </g> 554 </defs> 555</svg> 556 557 558 <noscript> 559 <div class="mt-5 p-3"> 560 <p>You are either using a browser that does not support JavaScript, or you have disabled JavaScript.</p> 561 <p>OpenStreetMap uses JavaScript for its slippy map.</p> 562 </div> 563 </noscript> 564 565 <div id="map-ui" class="bg-body flex-shrink-0 order-md-1 z-2"> 566 567<div class="sidebar-close-controls sticky-top z-0"> 568 <div class="position-absolute end-0 m-2 rounded-5 bg-body-tertiary shadow-sm"> 569 <button type="button" disabled class="btn-close d-block p-2 invisible"></button> 570 </div> 571</div> 572<div class="sidebar-close-controls sticky-top"> 573 <div class="position-absolute end-0 m-2 rounded-5"> 574 <button type="button" class="btn-close d-block p-2 rounded-5" aria-label="Close"></button> 575 </div> 576</div> 577<div class="sidebar-close-controls position-relative"> 578 <div class="position-absolute end-0 bg-body p-4 ps-3"> 579 </div> 580</div> 581 582 </div> 583 584 <div id="map" class="bg-body-secondary flex-grow-1 z-0"> 585 </div> 586 587 <div id="attribution" class="d-none"> 588 <table> 589 <tr> 590 <td>https://openstreetmap.org/copyright</td> 591 <td>https://openstreetmap.org</td> 592 </tr> 593 <tr> 594 <td colspan="2" class="attribution_notice">Copyright OpenStreetMap and contributors, under an open license</td> 595 </tr> 596 </table> 597 </div> 598 599 <div id="map-context-menu" class="dropdown d-none shadow cm_dropdown"></div> 600 601</div> 602 603 <noscript><p><img class="matomo" alt="" src="https://matomo.openstreetmap.org/matomo.php?idsite=1" /></p></noscript> 604</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.