Is there a way to get keyboard return event to pick top choice in dro…

…pdown? #206 Set limit: 1, // Don't display the list but directly fies to the first found [demo](http://dominique92.github.io/ol-geocoder/examples/index.html)
Dominique92 · Sep 13, 2023 · b8c6493 · b8c6493
1 parent eff2edd
commit b8c6493
Show file tree

Hide file tree

Showing 10 changed files with 53 additions and 47 deletions.
diff --git a/README.md b/README.md
@@ -112,7 +112,7 @@ geocoder.on('addresschosen', (evt) => {
   * `targetType`           : `'glass-button'`; Can also be `'text-input'`;
   * `featureStyle`         : `ol.style.Style`; Feature style;
   * `lang`                 : `'en-US'`; Preferable language;
-  * `limit`                : `5`; Limit of results;
+  * `limit`                : `5`; Limit of results; If limit = 1 : don't display the list but directly fies to the first found;
   * `countrycodes`         : `''`; Only valid for `osm` and `mapquest`; Limit search results to a specific country (or a list of country codes separated with commas `FR,US`). This is an [ISO 3166-1alpha2 code] (https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2), e.g. `gb` for the United Kingdom, `br` for Brazil, etc;
   * `viewbox`              : `''`; The preferred area to find search results. Any two corner points of the box are accepted as long as they span a real box. (string) '<x1>,<y1>,<x2>,<y2>' x is longitude, y is latitude (EPSG:4326);
   * `keepOpen`             : `false`; Whether the results keep openned;

diff --git a/dist/ol-geocoder-debug.js b/dist/ol-geocoder-debug.js
diff --git a/dist/ol-geocoder-debug.js.map b/dist/ol-geocoder-debug.js.map
diff --git a/dist/ol-geocoder.css b/dist/ol-geocoder.css
@@ -2,7 +2,7 @@
  * ol-geocoder - v4.3.1-dev
  * A geocoder extension compatible with OpenLayers v7+ & v8+
  * https://github.com/Dominique92/ol-geocoder
- * Built: Wed Sep 13 2023 11:09:17 GMT+0200 (heure d’été d’Europe centrale)
+ * Built: Wed Sep 13 2023 20:36:11 GMT+0200 (heure d’été d’Europe centrale)
  */
 
  .ol-touch .ol-control.gcd-gl-control button {

diff --git a/dist/ol-geocoder.js b/dist/ol-geocoder.js
diff --git a/dist/ol-geocoder.js.map b/dist/ol-geocoder.js.map
diff --git a/dist/ol-geocoder.min.css b/dist/ol-geocoder.min.css
diff --git a/examples/nodejs.html b/examples/nodejs.html
@@ -27,6 +27,7 @@
     <a href="control-nominatim.html">control-nominatim</a> &nbsp;
     <a href="control-glass.html">control-glass</a> &nbsp;
     <a href="custom-provider.html">custom-provider</a> &nbsp;
+    <a href="index.html">Miscellaneous features</a>
   </p>
 
   <div id="map">

diff --git a/package-lock.json b/package-lock.json
diff --git a/src/nominatim.js b/src/nominatim.js
@@ -176,26 +176,28 @@ export class Nominatim {
       switch (this.options.provider) {
         case PROVIDERS.OSM:
           addressHtml = `<span class="${klasses.road}">${row.address.name}</span>`;
-
           break;
 
         default:
           addressHtml = this.addressTemplate(row.address);
       }
 
-      const html = `<a href="#">${addressHtml}</a>`;
-      const li = createElement('li', html);
-
-      li.addEventListener(
-        'click',
-        (evt) => {
-          evt.preventDefault();
-          this.chosen(row, addressHtml, row.address, row.original);
-        },
-        false
-      );
-
-      ul.append(li);
+      if (response.length == 1) {
+        this.chosen(row, addressHtml, row.address, row.original);
+      } else {
+        const li = createElement('li', `<a href="#">${addressHtml}</a>`);
+
+        li.addEventListener(
+          'click',
+          (evt) => {
+            evt.preventDefault();
+            this.chosen(row, addressHtml, row.address, row.original);
+          },
+          false
+        );
+
+        ul.append(li);
+      }
     });
   }