fix: make searching more accurate and performant

Filter by geometry before adding layer to the map. Prior to this change the layer was loading all of it's features when added to the map and then filtering by geometry.

#537

src/components/Map.jsx

@@ -337,6 +337,18 @@ export default function MapComponent() {
           }
         }
 
+        // this essentially applies a geometry filter to the layer before it's added to the map
+        // this is done to prevent the map from requesting ALL of the features from the layer
+        const ids = await featureLayer.queryObjectIds({
+          where,
+          geometry: filter.geometry,
+        });
+        if (ids?.length) {
+          featureLayer.definitionExpression = `${
+            featureLayer.objectIdField
+          } IN (${ids.join(',')})`;
+        }
+
         map.current.add(
           featureLayer,
           featureLayer.geometryType === 'polygon' ? 0 : null,
@@ -348,6 +360,8 @@ export default function MapComponent() {
         };
 
         await whenOnce(() => layerView.updating === false);
+
+        // client side queries
         const { count, extent } = await layerView.queryExtent();
         const featureSet = await layerView.queryFeatures();