Fix picking in the polygon layer (#113)

* Fix picking in the polygon layer

* Fix picking in the polygon layer

examples/polygon/app.tsx

@@ -29,7 +29,7 @@ const NAV_CONTROL_STYLE = {
 function Root() {
   const onClick = (info: PickingInfo) => {
     if (info.object) {
-      console.log(JSON.stringify(info.object.toJSON()));
+      console.log(info.object["BoroName"]);
     }
   };
 
@@ -66,10 +66,10 @@ function Root() {
         extruded: false,
         wireframe: true,
         // getElevation: 0,
-        pickable: false,
+        pickable: true,
         positionFormat: "XY",
         _normalize: false,
-        autoHighlight: true,
+        autoHighlight: false,
         earcutWorkerUrl: new URL(
           "https://cdn.jsdelivr.net/npm/@geoarrow/[email protected]/dist/earcut-worker.min.js",
         ),

package.json

@@ -4,7 +4,7 @@
     "examples/*"
   ],
   "name": "@geoarrow/deck.gl-layers",
-  "version": "0.3.0-beta.14",
+  "version": "0.3.0-beta.15",
   "type": "module",
   "description": "",
   "source": "src/index.ts",

src/polygon-layer.ts

@@ -185,7 +185,8 @@ export class GeoArrowPolygonLayer<
       sourceLayer: { props: GeoArrowExtraPickingProps };
     },
   ): GeoArrowPickingInfo {
-    return getPickingInfo(params, this.props.data);
+    // Propagate the picked info from the SolidPolygonLayer
+    return params.info;
   }
 
   renderLayers(): Layer<{}> | LayersList | null {
@@ -348,6 +349,8 @@ export class GeoArrowPolygonLayer<
           data: table,
           positionFormat,
           getPath,
+          // We only pick solid polygon layers, not the path layers
+          pickable: false,
         },
       );