diff --git a/maplibre/demo.html b/maplibre/demo.html
new file mode 100644
index 0000000..b288404
--- /dev/null
+++ b/maplibre/demo.html
@@ -0,0 +1,19 @@
+
+
+
+ Title
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/maplibre/leaflet-maplibre-gl.js b/maplibre/leaflet-maplibre-gl.js
new file mode 100644
index 0000000..3328159
--- /dev/null
+++ b/maplibre/leaflet-maplibre-gl.js
@@ -0,0 +1,286 @@
+(function (root, factory) {
+ if (typeof define === 'function' && define.amd) {
+ // AMD
+ define(['leaflet', 'maplibre-gl'], factory);
+ } else if (typeof exports === 'object') {
+ // Node, CommonJS-like
+ module.exports = factory(require('leaflet'), require('maplibre-gl'));
+ } else {
+ // Browser globals (root is window)
+ root.returnExports = factory(root.L, root.maplibregl);
+ }
+}(typeof globalThis !== 'undefined' ? globalThis : this || self, function (L, maplibregl) {
+ L.MaplibreGL = L.Layer.extend({
+ options: {
+ updateInterval: 32,
+ // How much to extend the overlay view (relative to map size)
+ // e.g. 0.1 would be 10% of map view in each direction
+ padding: 0.1,
+ // whether or not to register the mouse and keyboard
+ // events on the maplibre overlay
+ interactive: false,
+ // set the tilepane as the default pane to draw gl tiles
+ pane: 'tilePane'
+ },
+
+ initialize: function (options) {
+ L.setOptions(this, options);
+
+ // setup throttling the update event when panning
+ this._throttledUpdate = L.Util.throttle(this._update, this.options.updateInterval, this);
+ },
+
+ onAdd: function (map) {
+ if (!this._container) {
+ this._initContainer();
+ }
+
+ var paneName = this.getPaneName();
+ map.getPane(paneName).appendChild(this._container);
+
+ this._initGL();
+
+ this._offset = this._map.containerPointToLayerPoint([0, 0]);
+
+ // work around https://github.com/mapbox/mapbox-gl-leaflet/issues/47
+ if (map.options.zoomAnimation) {
+ L.DomEvent.on(map._proxy, L.DomUtil.TRANSITION_END, this._transitionEnd, this);
+ }
+ },
+
+ onRemove: function (map) {
+ if (this._map._proxy && this._map.options.zoomAnimation) {
+ L.DomEvent.off(this._map._proxy, L.DomUtil.TRANSITION_END, this._transitionEnd, this);
+ }
+ var paneName = this.getPaneName();
+ map.getPane(paneName).removeChild(this._container);
+
+ this._glMap.remove();
+ this._glMap = null;
+ },
+
+ getEvents: function () {
+ return {
+ move: this._throttledUpdate, // sensibly throttle updating while panning
+ zoomanim: this._animateZoom, // applys the zoom animation to the