angular-ll-leaflet

Lightweight directives to use Leaflet with AngularJS

Usage no npm install needed!

<script type="module">
  import angularLlLeaflet from 'https://cdn.skypack.dev/angular-ll-leaflet';
</script>

README

angular-ll-leaflet

This project aims at providing a very lightweight AngularJS-directive for the Leaflet maps API.

Directives

  • <div ll-map> – corresponds to L.Map, ll-{click, dblclick, …} bind to the map events
  • <ll-view> – corresponds to the current map view (lat, lng, zoom)
  • <ll-fit-bounds ll-bounds="…"> – for modifying the map view bounds
  • <ll-marker> – corresponds to a L.Marker
  • <ll-div-icon> – corresponds to a L.DivIcon, supports transclusion of the content
  • <ll-popup> – corresponds to a L.Popup, supports transclusion of the content

Demo?

Building

  • yarn
  • npm run dist

Alternatives?