https://github.com/alfarisi/leaflet-deepzoom
Display DeepZoom tiles with Leaflet
https://github.com/alfarisi/leaflet-deepzoom
deepzoom leaflet
Last synced: 5 months ago
JSON representation
Display DeepZoom tiles with Leaflet
- Host: GitHub
- URL: https://github.com/alfarisi/leaflet-deepzoom
- Owner: alfarisi
- License: mit
- Created: 2013-12-14T15:22:45.000Z (over 12 years ago)
- Default Branch: master
- Last Pushed: 2025-11-01T06:57:41.000Z (9 months ago)
- Last Synced: 2025-11-01T08:31:29.691Z (9 months ago)
- Topics: deepzoom, leaflet
- Language: JavaScript
- Homepage: http://www.indokreatif.net
- Size: 3.59 MB
- Stars: 25
- Watchers: 4
- Forks: 15
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Leaflet-DeepZoom
[](https://www.npmjs.com/package/leaflet-deepzoom)
[](LICENSE)
Display DeepZoom (DZI) image tiles with [Leaflet](https://leafletjs.com/).
Originally based on Leaflet.Zoomify.
---
## 🚀 Features
- Simple integration of DeepZoom (DZI) image tiles into Leaflet maps.
- Works with any DeepZoom-compatible tile source.
- Supports panning, zooming, and full Leaflet controls.
- Zero dependencies beyond Leaflet itself.
---
## 📦 Installation
Using npm:
```bash
npm install leaflet-deepzoom
```
Using CDN (for quick demo or CodePen):
```html
```
---
## 🗺️ Example
Live demo:
👉 [https://alfarisi.github.io/leaflet-deepzoom/example/](https://alfarisi.github.io/leaflet-deepzoom/example/)
Basic example:
```html
Leaflet DeepZoom Example
#map { height: 100vh; }
const map = L.map('map').setView([0, 0], 0);
var dzLayer = L.tileLayer.deepzoom('DeepZoomImage/hubble_files/', {
width: 2400,
height: 3000,
overlap: 1
}).addTo(map);
map.fitBounds(dzLayer.options.bounds);
```
---
## ⚙️ Compatibility
| Leaflet Version | Plugin Version |
|------------------|----------------|
| 1.2.0 and later | 2.x |
| 0.7.x | 1.x (legacy) |
---
## 📄 License
Released under the [MIT License](LICENSE).
---
## 🧩 Links
- **NPM:** [https://www.npmjs.com/package/leaflet-deepzoom](https://www.npmjs.com/package/leaflet-deepzoom)
- **GitHub Repo:** [https://github.com/alfarisi/leaflet-deepzoom](https://github.com/alfarisi/leaflet-deepzoom)