Merge pull request #68 from JakobMiksch/2025-05-17-minor-changes

2025 05 17 minor changes

Author: JakobMiksch

data/query_function.sql

@@ -63,6 +63,7 @@ OR REPLACE FUNCTION postgisftw.osm_website_objects_around (
     osm_id,
     tags,
     REPLACE(ST_GeometryType(geog::geometry), 'ST_', '') as geometry_type,
+    -- only return geometry if it is in viewport
     CASE
         WHEN NOT ST_Covers (
           ST_MakeEnvelope (min_lon, min_lat, max_lon, max_lat, 4326)::geography,
@@ -96,6 +97,7 @@ OR REPLACE FUNCTION postgisftw.osm_website_objects_enclosing_small (
     osm_id,
     tags,
     REPLACE(ST_GeometryType(geog::geometry), 'ST_', '') as geometry_type,
+    -- only return geometry if it is in viewport
     CASE
         WHEN NOT ST_Covers (
           ST_MakeEnvelope (min_lon, min_lat, max_lon, max_lat, 4326)::geography,
@@ -135,6 +137,7 @@ OR REPLACE FUNCTION postgisftw.osm_website_objects_enclosing_large (
         ELSE NULL
       END as tags,
       REPLACE(ST_GeometryType(geom), 'ST_', '') as geometry_type,
+    -- only return geometry if it is in viewport
       CASE
         WHEN NOT ST_Covers (
           ST_MakeEnvelope (min_lon, min_lat, max_lon, max_lat, 4326)::geography,

postgres/docker-entrypoint-initdb.d/01_create_postgis.sql

@@ -7,7 +7,7 @@ CREATE TABLE
     polygons_subdivided (
         osm_id int NOT NULL,
         osm_type char NOT NULL,
-        geom geometry NOT NULL
+        geom Geometry(POLYGON, 4326) NOT NULL
     );
 
 CREATE INDEX idx_polygons_subdivided_geom ON polygons_subdivided USING gist (geom);

web-client/src/components/OsmInfo.vue

@@ -7,10 +7,11 @@
         </h4>
         <table>
         <tbody>
-            <tr v-for="(value, key) in tags" :key="key">
-            <td :style="{fontWeight: 'bold'}">{{ key }}</td>
-            <td>{{ value }}</td>
+            <tr v-for="([key, value]) in Object.entries(tags).slice(0, countShownTags)">
+              <td :style="{fontWeight: 'bold'}">{{ key }}</td>
+              <td>{{ value }}</td>
             </tr>
+            <tr v-if="Object.keys(tags).length > countShownTags">{{ Object.keys(tags).length - countShownTags  }} more tags</tr>
         </tbody>
         </table>
     </p>
@@ -19,10 +20,20 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 
-const props = defineProps<{
-  results: any;
-  headline: string;
-}>();
+const props = defineProps({
+  results: {
+    type: Array as () => any[],
+    required: true
+  },
+  headline: {
+    type: String,
+    required: true
+  },
+  countShownTags: {
+    type: Number,
+    default: 5
+  }
+});
 
 const hasResults = computed(() => !!props.results.length);
 </script>