Preconfigured leaflet map using a circle from leaflet-draw for implementing a within radius search on a map.
- programmatically draw a circle
- callback hooks for on draw and on draw error
- does not bundle
leafletorleaflet-drawdependencies making for a light build (264 kB)
Import radius-map.umd.js and access it via the radiusMap window global as in radiusMap.RadiusMap(...).
Since leaflet and leaflet-draw are dependencies, they must be loaded before radius-map so that L and L.draw exist in the browser's global namespace.
See example at ./examples/browser.
Only one export is provided via ./dist/radius-map.ejs.js.
See example at ./examples/node.
npm install radius-map
Similar to the umd build, the ejs build requires leaflet and leaflet-draw to be imported seperately.
After importing radius-map, your bundling tool is responsible for bundling the leaflet and leaflet-draw dependencies.
import L from "leaflet";
import "leaflet-draw";
import { RadiusMap } from "radius-map";
import "leaflet/dist/leaflet.css";
import "leaflet-draw/dist/leaflet.draw-src.css";
// ...npm run start
Outputs a bundled build in the ./development/dist folder and serves the ./development/index.html file locally.