A fast, lightweight slippy map renderer with very minimal dependencies.
Heavily inspired by Pigeon Maps and Leaflet, but with slightly different goals in mind:
- Modern, built using ES6+ syntax
- Lightweight, minimal dependencies
- Ability to render thousands of markers, by using
<canvas>rendering instead of depending on the DOM - Supports rendering of complex polygons
- Wrapper for React (VueJS coming soon)
yarn add lightning-maps
Or link directly to our build via the unpkg CDN:
<script src="https://unpkg.com/lightning-maps/lib/LightningMaps.min.js"></script>
<canvas id="map" width="800" height="600"></canvas>
var map = new LightningMaps.Map(canvas, { source: function (x, y, z) { return `https://maps.geocod.io/tiles/base/${z}/${x}/${y}.png`; }, zoom: 12, center: [38.86530697026126, -77.20057854052735] }); map.addMarker(new LightningMaps.Marker([38.882666, -77.170150]))
yarn run dev yarn run test:watch
- http://localhost:9000/simple.html
- http://localhost:9000/markers.html
- http://localhost:9000/polygons.html
- http://localhost:9000/events.html
- http://localhost:9000/performance.html
yarn run build