dist/reverse.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3 <head>
   4   <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
   5   <title>OpenStreetMap Nominatim</title>
   6   <meta name="viewport" content="width=device-width, initial-scale=1">
   7
   8   <link rel="icon" type="image/png" href="/assets/images/favicon-194x194.png" sizes="194x194" />
   9   <link rel="icon" type="image/png" href="/assets/images/favicon-16x16.png" sizes="16x16" />
  10
  11   <link href="assets/css/leaflet.css" rel="stylesheet" />
  12   <link href="assets/css/Control.MiniMap.min.css" rel="stylesheet" />
  13   <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
  14   <link href="assets/css/common.css" rel="stylesheet" />
  15   <link href="assets/css/search.css" rel="stylesheet" type="text/css" />
  16   <link href="assets/css/details.css" rel="stylesheet" type="text/css" />
  17 </head>
  18 <body id="reverse-page">
  19
  20   <div id="error-overlay">
  21     You need Javascript enabled to view this page.
  22   </div>
  23
  24   <header class="container-fluid">
  25     <div class="row">
  26       <div class="col-4">
  27         <div class="brand">
  28           <a href="/">
  29             <img alt="logo" src="assets/images/osm_logo.120px.png" width="30" height="30"/>
  30             <h1>Nominatim</h1>
  31           </a>
  32         </div>
  33       </div>
  34       <div id="last-updated" class="col-4 text-center">
  35         Data from <a id="api-request-link" href="">API request</a>
  36         <br>
  37         Data last updated:
  38         <span id="data-date"></span>
  39       </div>
  40       <div class="col-4 text-right">
  41         <div class="dropdown">
  42           <button class="dropdown-toggle btn btn-sm btn-outline-secondary" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
  43             About &amp; Help
  44           </button>
  45           <div class="dropdown-menu dropdown-menu-right">
  46             <a class="dropdown-item" href="https://nominatim.org/release-docs/develop/api/Overview/" target="_blank">API Reference</a>
  47             <a class="dropdown-item" href="https://nominatim.org/release-docs/develop/api/Faq/" target="_blank">FAQ</a>
  48             <a class="dropdown-item" href="https://help.openstreetmap.org/tags/nominatim/">OpenStreetMap Help</a>
  49             <a class="dropdown-item" href="https://github.com/osm-search/Nominatim">Nominatim on Github</a>
  50             <a class="dropdown-item" href="https://github.com/osm-search/nominatim-ui">This frontend on Github</a>
  51             <div class="dropdown-divider"></div>
  52             <a class="dropdown-item" href="#" data-toggle="modal" data-target="#report-modal">Report problem with results</a>
  53           </div>
  54         </div>
  55       </div>
  56     </div>
  57   </header>
  58
  59   <div class="modal fade" id="report-modal">
  60     <div class="modal-dialog">
  61       <div class="modal-content">
  62         <div class="modal-header">
  63           <h4 class="modal-title">Report a problem</h4>
  64           <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  65         </div>
  66         <div class="modal-body">
  67           <p>
  68             Before reporting problems please read the <a target="_blank" href="https://nominatim.org/release-docs/develop/api/Overview/">user documentation</a>
  69             and
  70             <a target="_blank" href="https://nominatim.org/release-docs/develop/api/Faq/">FAQ</a>.
  71
  72             If your problem relates to the address of a particular search result please use the 'details' link
  73             to check how the address was generated before reporting a problem.
  74           </p>
  75           <p>
  76             Use <a target="_blank" href="https://github.com/osm-search/Nominatim/issues">Nominatim issues on github</a>
  77             to report problems.
  78           </p>
  79           <p>
  80             Please ensure that you include a full description of the problem, including the search
  81             query that you used, the problem with the result and, if the problem relates to missing data,
  82             the osm type (node, way, relation) and id of the item that is missing.
  83           </p>
  84           <p>
  85             Problems that contain enough detail are likely to get looked at before ones that require
  86             significant research.
  87           </p>
  88         </div>
  89         <div class="modal-footer">
  90           <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">OK</button>
  91         </div>
  92       </div>
  93     </div>
  94   </div>
  95
  96   <main>
  97   </main>
  98
  99   <footer>
 100     <p class="disclaimer">
 101       Addresses and postcodes are approximate
 102     </p>
 103     <p class="copyright">
 104       &copy; <a href="https://osm.org/copyright">OpenStreetMap</a> contributors
 105     </p>
 106   </footer>
 107
 108   <script src="assets/js/jquery.min.js"></script>
 109   <script src="assets/js/bootstrap.bundle.min.js"></script>
 110   <script src="assets/js/leaflet.js"></script>
 111   <script src="assets/js/Control.MiniMap.min.js"></script>
 112   <script src="assets/js/handlebars.min.js"></script>
 113   <script src="assets/js/url-search-params.js"></script>
 114
 115   <script src="config.js"></script>
 116   <script src="handlebar_helpers.js"></script>
 117
 118   <script src="assets/js/nominatim-ui.js"></script>
 119 <script id="reversepage-template" type="text/x-handlebars-template">
 120
 121 {{#*inline "partial_one_result"}}
 122   <div class="result" data-position="{{iResNum}}">
 123     {{#if aResult.icon}}
 124       <img src="{{env.Images_Base_Url}}{{aResult.icon}}" />
 125       {{!-- {{formatMapIcon aResult.icon}} --}}
 126     {{/if}}
 127
 128     <span class="name">{{aResult.display_name}}</span>
 129     <span class="type">{{formatLabel aResult}}</span>
 130     <p class="coords">{{aResult.lat}},{{aResult.lon}}</p>
 131
 132     <a class="details btn btn-outline-secondary btn-sm"
 133        href="details.html?osmtype={{shortOSMType aResult.osm_type}}&osmid={{aResult.osm_id}}">details</a>
 134   </div>
 135 {{/inline}}
 136
 137 <div class="top-bar">
 138   <form class="form-inline" role="search" accept-charset="UTF-8" action="">
 139     <div class="form-group">
 140       <input name="format" type="hidden" value="html">
 141       <label>lat</label>
 142       <input name="lat"
 143              type="text"
 144              class="form-control form-control-sm"
 145              placeholder="latitude"
 146              value="{{fLat}}" />
 147       <a id="switch-coords" class="btn btn-outline-secondary btn-sm" title="switch lat and lon">&lt;&gt;</a>
 148       <label>lon</label>
 149       <input name="lon"
 150              type="text"
 151              class="form-control form-control-sm"
 152              placeholder="longitude"
 153              value="{{fLon}}" />
 154       <label>max zoom</label>
 155       <select name="zoom" class="form-control form-control-sm" value="{{iZoom}}">
 156         {{zoomLevels iZoom}}
 157       </select>
 158       <button type="submit" class="btn btn-primary btn-sm mx-1">
 159         Search
 160       </button>
 161     </div>
 162     <div class="search-type-link">
 163       <a href="/search.html">forward search</a>
 164     </div>
 165   </form>
 166 </div>
 167
 168 <div id="content">
 169   {{#if aPlace}}
 170     <div id="searchresults" class="sidebar">
 171       {{>partial_one_result iResNum=0 aResult=aPlace env=env}}
 172     </div>
 173   {{else}}
 174     <div id="intro" class="sidebar">
 175       Search for coordinates or click anywhere on the map.
 176     </div>
 177   {{/if}}
 178
 179   <div id="map-wrapper">
 180     <div id="map-position">
 181       <div id="map-position-inner"></div>
 182       <div id="map-position-close"><a href="#">hide</a></div>
 183     </div>
 184     <div id="map"></div>
 185   </div>
 186 </div>
 187 </script>
 188 </body>
 189 </html>