Skip to content

chore(examples): show clicked GeoJSON feature info outside the map - #3643

Open
igorDykhta wants to merge 1 commit into
masterfrom
igr/click-example
Open

chore(examples): show clicked GeoJSON feature info outside the map#3643
igorDykhta wants to merge 1 commit into
masterfrom
igr/click-example

Conversation

@igorDykhta

@igorDykhta igorDykhta commented Aug 16, 2026

Copy link
Copy Markdown
Collaborator

Summary

  • Add examples/clicked-feature: a small app that reads visState.clicked and shows a GeoJSON polygon’s shapeName in a host-app sidebar outside Kepler.gl.
  • Documents the pattern from discussion How to show Kepler.gl clicked layer info outside of map #3054 (state.keplerGl.<id>.visState.clicked; tooltip picking must stay enabled).

Test plan

  • cd examples/clicked-feature && touch yarn.lock && yarn && yarn start
  • Click a neighborhood polygon — shapeName appears in the right sidebar
  • Click empty map — sidebar returns to the empty state

Signed-off-by: Ihor Dykhta <ihordykhta@Ihors-MacBook-Pro.local>
Copilot AI lite review requested due to automatic review settings August 16, 2026 06:38
@igorDykhta igorDykhta changed the title chore(examples): add click info example chore(examples): show clicked GeoJSON feature info outside the map Aug 16, 2026

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Adds a new examples/clicked-feature sample that demonstrates how a host application can read visState.clicked from kepler.gl Redux state and render clicked GeoJSON feature info (e.g., shapeName) in a sidebar outside the map.

Changes:

  • Added a new “Clicked Feature” example app (React + Redux + kepler.gl) that loads sample GeoJSON polygons and displays the last clicked feature in a host-app sidebar.
  • Added standalone build/dev tooling for the example via esbuild + Yarn (including tsconfig.json, .yarnrc.yml, and index.html).
  • Registered the new example in examples/README.md.

Reviewed changes

Copilot reviewed 8 out of 8 changed files in this pull request and generated no comments.

Show a summary per file
File Description
examples/README.md Adds the new “Clicked Feature” example to the examples index and links to its README.
examples/clicked-feature/tsconfig.json TypeScript config for the standalone example.
examples/clicked-feature/src/index.html HTML entrypoint for the example’s esbuild-served bundle.
examples/clicked-feature/src/app.tsx Implements the kepler.gl + Redux host app that reads visState.clicked and renders clicked feature details in a sidebar.
examples/clicked-feature/README.md Documents how the example works and how to run/build it.
examples/clicked-feature/package.json Declares dependencies and scripts for building/running the example.
examples/clicked-feature/esbuild.config.mjs esbuild build/dev server configuration (bundling + static HTML copy + singleton dedupe).
examples/clicked-feature/.yarnrc.yml Yarn configuration for the standalone example workspace.

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

@igorDykhta
igorDykhta requested a review from lixun910 August 16, 2026 08:19
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants