@kittlekit/schema-form-map-leaflet

Leaflet-based map picker addon for Kittlekit schema forms.

What This Package Is

Use this package when you want:

• a map-based location picker field
• reverse geocoding support
• a map addon kept outside the base form packages

Install

npm install @kittlekit/schema-form-map-leaflet leaflet react-leaflet react react-dom

Quick Start

import { MapPicker } from "@kittlekit/schema-form-map-leaflet"

<MapPicker
  value={value}
  onChange={setValue}
  components={{ Button, Input, InlineError }}
/>

Main Props

• value
• onChange
• disabled
• geocoding
• components

Geocoding and Tiles

You can configure:

• nominatimBase
• tileUrl

through props or environment-driven host usage.

Relationship to Other Packages

This addon is intended to be layered on top of:

• @kittlekit/schema-form-core
• @kittlekit/schema-form-react
• @kittlekit/schema-form-tailwind

Out of Scope

• provider billing setup
• your backend location persistence model
• non-Leaflet renderers

Publish

npm run build --workspace @kittlekit/schema-form-map-leaflet
npm publish --workspace @kittlekit/schema-form-map-leaflet --access public

Examples

• app wrapper reference: web/src/components/form/MapPicker.tsx

Release Notes

0.1.1

• extracted Leaflet map field into an optional addon package
• kept map provider and host UI wiring injectable