dist/reverse.html

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