Merge pull request #47 from SDFIdk/v2.0

V2.0

README.md

@@ -49,6 +49,7 @@ GSearch-UI is configured using html data attributes.
 |`data-placeholder`|The placeholder text to show in the input field.|no|yes|`søg...`|
 |`data-api`|Use a custom URL for GSearch API (ie. if you want to use a test API)|no|yes|`https://api.dataforsyningen.dk/rest/gsearch/v1.0/`|
 |`data-filter`|Use a custom filter in the search query. [Learn about filters in the GSearch docs.](https://github.com/SDFIdk/gsearch/tree/main/doc#filter)|no|no|`none`|
+|`data-srid`|The coordinate system of the returned geometries. The following values are allowed: 2196, 2197, 2198, 3857, 4093, 4094, 4095, 4096, 4326, 25832, 25833. |no|yes|`25832`|
 
 ### On click event
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dataforsyningen/gsearch-ui",
-  "version": "1.5.1",
+  "version": "2.0.0",
   "description": "UI component for GSearch.",
   "main": "public/search.js",
   "type": "module",

public/index.html

@@ -100,7 +100,8 @@ <h4>Limit</h4>
       </section>
       <section class="demo">
         <g-search id="gsearch" class="g-search"
-          data-token="fd44f26ab5701c01ca9f570e507fe9ab">
+          data-token="fd44f26ab5701c01ca9f570e507fe9ab"
+          data-srid="25832">
         </g-search>
         <article class="right-column">
           <div id="map" class="map"></div>

src/components/search.js

@@ -104,6 +104,7 @@ class GSearchUI extends HTMLElement {
     return [
       'data-placeholder',
       'data-api',
+      'data-srid',
       'data-filter',
       'data-resources',
       'data-resource-filter-enabled'
@@ -232,7 +233,7 @@ class GSearchUI extends HTMLElement {
       return r.resource
     }).toString()
     if (!resourceString) resourceString = this.dataset.resources
-    search(searchString, this.dataset.token, resourceString, this.dataset.limit, this.dataset.filter).then((response) => {
+    search(searchString, this.dataset.token, resourceString, this.dataset.limit, this.dataset.filter, this.dataset.srid).then((response) => {
       this.results_element.results = response.flat()
     })
   }

src/modules/api.js

@@ -1,6 +1,7 @@
-let apiUrl = 'https://api.dataforsyningen.dk/rest/gsearch/v1.0/' // Default API URL'
+let apiUrl = 'https://api.dataforsyningen.dk/rest/gsearch/v2.0/' // Default API URL'
 const defaultResources = 'navngivenvej,husnummer,adresse,stednavn,kommune,region,retskreds,postnummer,opstillingskreds,sogn,politikreds,matrikel,matrikel_udgaaet'
 const defaultLimit = 10
+const defaultSrid = 25832
 
 let error_msg
 
@@ -64,19 +65,22 @@ function HttpResponseHandler(response, is_json) {
   }
 }
 
-function search(searchString, token, resources, limit, filter) {
+function search(searchString, token, resources, limit, filter, srid) {
   // if missing values use defaults
   if (!resources) {
     resources = defaultResources
   }
   if (!limit) {
     limit = defaultLimit
   }
+  if (!srid) {
+    srid = defaultSrid
+  }
   const promises = []
   const splitString = resources.split(',')
   const filterstr = filter ? encodeURIComponent(filter) : false
   splitString.forEach(string => {
-    const url = `${ apiUrl }${ string }?token=${ token }&q=${ searchString }&limit=${ limit }${ filterstr ? `&filter=${ filterstr }` : '' }`
+    const url = `${ apiUrl }${ string }?token=${ token }&q=${ searchString }&limit=${ limit }&srid=${ srid }${ filterstr ? `&filter=${ filterstr }` : '' }`
     promises.push(get(url).then(response => {
       if (response.length > 0) {
         response.map(el => {