A Leaflet plugin for htmx and hypermedia inspired
by hyperleaflet.
When including the script, the library will automatically search for
all root .hl-map elements and configure and render them on document load.
Maps generated by the library cannot survive a full htmx hx-swap,
so it is advisable to put your data-hl-render target outside, and ensure it is
tagged with hx-preserve.
<script src="https://unpkg.com/hl-leaflet@0.0.1/dist/hl-leaflet.js"></script>
When triggering hx-swap, you should take care to not re-render the map.
<div id="map-render" hx-preserve/>
<div
id="map-config"
class="hl-map"
data-hl-render="#map-render"
data-hl-center="[39.73, 39.99]"
data-hl-zoom="5"
>
<div
class="hl-marker"
data-hl-center="[-33.8650, 151.2094]"
data-hl-popup="Sydney"
></div>
</div>
npm install
npm run dev # Watches for changes and rebuilds dist
npm run build # Builds final dist
npm run test # Runs tests
npm login
npm publish
See the tests for advanced hx-on
and hx-swap usage.
FAQs
Htmx Compatible Leaflet Map
The npm package hl-leaflet receives a total of 5 weekly downloads. As such, hl-leaflet popularity was classified as not popular.
We found that hl-leaflet demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
A look at the top trends in how threat actors are weaponizing open source packages to deliver malware and persist across the software supply chain.
Security News
ESLint now supports HTML linting with 48 new rules, expanding its language plugin system to cover more of the modern web development stack.
Security News
CISA is discontinuing official RSS support for KEV and cybersecurity alerts, shifting updates to email and social media, disrupting automation workflows.