Skip to content

Releases: gasperinn/geoselect

v0.1.1 – Initial release

Choose a tag to compare

@gasperinn gasperinn released this 08 Jul 07:49

First published release of GeoSelect — a framework-agnostic <geo-select>
Web Component for selecting cities by painting brush strokes over a map,
instead of typing into a search box or scrolling a dropdown.

Features

  • Native Custom Element with Shadow DOM — works unmodified in React, Vue,
    Angular, Svelte, or plain HTML
  • Paint/erase/pan brush modes, with right-click-to-erase and
    middle-click-to-pan power-user shortcuts
  • Full ~130k-city bundled dataset (GeoNames via all-the-cities), matched
    to brush strokes via a spatial grid for fast selection
  • Undo, clear, and a change event with the current selection
  • allowed-countries, units, language (7 languages), and other
    configurable attributes
  • Two build outputs: ES module and a plain <script> global build

Demos

See demo/ for
working examples: plain script usage, custom dataset, custom results UI,
API integration, modal usage, and multiple instances on one page.