@daishu10000/leaflet-heat 0.2.1

package/LICENSE

@@ -0,0 +1,22 @@
+Copyright (c) 2014, Vladimir Agafonkin
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without modification, are
+permitted provided that the following conditions are met:
+
+   1. Redistributions of source code must retain the above copyright notice, this list of
+      conditions and the following disclaimer.
+
+   2. Redistributions in binary form must reproduce the above copyright notice, this list
+      of conditions and the following disclaimer in the documentation and/or other materials
+      provided with the distribution.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
+EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
+SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)
+HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR
+TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

package/PUBLISH_TO_NPM.md

@@ -0,0 +1,127 @@
+# 将修复版 Leaflet.heat 发布到 npm
+
+原仓库长期未维护，你可以把自己的修复版本以**新包名**发布到 npm，这样别人可以通过 `npm install 你的包名` 使用。
+
+## 一、两种发布方式
+
+### 方式 A：Scoped 包（推荐）
+
+用你的 npm 用户名做命名空间，例如：`@你的用户名/leaflet-heat`。
+
+- **优点**：不会和原包 `leaflet.heat` 冲突，名字清晰，安装：`npm i @你的用户名/leaflet-heat`
+- **缺点**：安装时要用 scoped 名
+
+### 方式 B：全新包名
+
+例如：`leaflet-heat-fixed`、`leaflet-heat-bugfix` 等。
+
+- **优点**：名字好记，安装：`npm i leaflet-heat-fixed`
+- **缺点**：需要先到 https://www.npmjs.com 搜一下名字是否已被占用
+
+---
+
+## 二、发布前修改 package.json
+
+在项目根目录打开 `package.json`，至少改这两处：
+
+1. **改包名**（二选一）  
+   - Scoped：`"name": "@你的npm用户名/leaflet-heat"`  
+   - 新名字：`"name": "leaflet-heat-fixed"`（或你喜欢的未被占用的名字）
+
+2. **升版本**（便于和原版区分）：  
+   - 例如：`"version": "0.2.1"`
+
+如果你把代码放到了自己的 GitHub，可以顺便改：
+
+- `"repository": { "type": "git", "url": "https://github.com/你的用户名/Leaflet.heat.git" }`
+- `"homepage": "https://github.com/你的用户名/Leaflet.heat#readme"`
+
+---
+
+## 三、发布步骤
+
+1. **注册 npm 账号**（若还没有）  
+   - 打开 https://www.npmjs.com/signup 注册。
+
+2. **在项目根目录登录**  
+   ```bash
+   cd 你的/Leaflet.heat/ 路径
+   npm login
+   ```  
+   按提示输入用户名、密码、邮箱（和一次性验证码）。
+
+3. **确认要发布的内容**  
+   - 发布前会打包当前目录（受 `.gitignore` / `.npmignore` 影响）。  
+   - 默认会包含 `dist/`、`package.json`、`README.md`、`LICENSE` 等；若有 `files` 字段则只发布 `files` 里列出的。  
+   - 建议：保持 `main: "dist/leaflet-heat.js"`，确保 `dist/leaflet-heat.js` 已构建好（你本地修复后重新 build 一次）。
+
+4. **发布**  
+   - 若包名是 **scoped**（如 `@xxx/leaflet-heat`），首次发布需加 `--access public`（否则会变成私有包）：  
+     ```bash
+     npm publish --access public
+     ```  
+   - 若包名是**普通名**（如 `leaflet-heat-fixed`）：  
+     ```bash
+     npm publish
+     ```
+
+5. **验证**  
+   - 到 https://www.npmjs.com 搜索你的包名，能看到说明发布成功。  
+   - 在空目录里执行：  
+     ```bash
+     npm init -y
+     npm i @你的用户名/leaflet-heat
+     # 或
+     npm i leaflet-heat-fixed
+     ```  
+     确认 `node_modules` 里存在且引用的是 `dist/leaflet-heat.js`。
+
+---
+
+## 四、以后更新版本
+
+修改代码后：
+
+1. 在 `package.json` 里把 `version` 改成更大（如 `0.2.2`）。  
+2. 若你有 `prepublish` 脚本，先本地构建：  
+   ```bash
+   npm run prepublish
+   ```  
+   或直接生成 `dist/leaflet-heat.js`。  
+3. 再执行：  
+   ```bash
+   npm publish
+   ```  
+   即可更新 npm 上的版本。
+
+---
+
+## 五、别人怎么用你的包
+
+安装：
+
+```bash
+npm install @你的用户名/leaflet-heat
+# 或
+npm install leaflet-heat-fixed
+```
+
+在项目里和原版一样用（入口仍是 Leaflet 热力图 API）：
+
+```javascript
+import 'leaflet'
+import 'leaflet.heat'  // 若包 main 指向 dist/leaflet-heat.js，且会挂到 L.heatLayer
+// 或
+require('leaflet');
+require('@你的用户名/leaflet-heat');
+```
+
+若你的包没有自动把 `L.heatLayer` 挂到全局 `L`，就需要按你打包方式（例如 dist 是 UMD）在页面上先引入 Leaflet 再引入你的 heat 脚本。
+
+---
+
+## 六、可选：在 README 里说明
+
+建议在 `README.md` 开头加一小段，说明这是原 Leaflet.heat 的社区修复版、修复了哪些问题、安装方式（你的包名），并保留原作者的 license 和致谢。这样别人搜索时更容易发现你的版本。
+
+完成以上步骤后，你的修改版本就稳定地发布在 npm 上了，不依赖原仓库是否维护。

package/README.md

@@ -0,0 +1,95 @@
+Leaflet.heat
+==========
+
+A tiny, simple and fast [Leaflet](http://leafletjs.com) heatmap plugin.
+Uses [simpleheat](https://github.com/mourner/simpleheat) under the hood,
+additionally clustering points into a grid for performance.
+
+
+## Demos
+
+- [10,000 points →](http://leaflet.github.io/Leaflet.heat/demo)
+- [Adding points dynamically →](http://leaflet.github.io/Leaflet.heat/demo/draw.html)
+
+
+## Basic Usage
+
+```js
+var heat = L.heatLayer([
+	[50.5, 30.5, 0.2], // lat, lng, intensity
+	[50.6, 30.4, 0.5],
+	...
+], {radius: 25}).addTo(map);
+```
+
+To include the plugin, just use `leaflet-heat.js` from the `dist` folder:
+
+```html
+<script src="leaflet-heat.js"></script>
+```
+
+## Building
+To build the dist files run:
+```npm install && npm run prepublish```
+
+
+## Reference
+
+#### L.heatLayer(latlngs, options)
+
+Constructs a heatmap layer given an array of points and an object with the following options:
+- **minOpacity** - the minimum opacity the heat will start at
+- **maxZoom** - zoom level where the points reach maximum intensity (as intensity scales with zoom),
+  equals `maxZoom` of the map by default
+- **max** - maximum point intensity, `1.0` by default
+- **radius** - radius of each "point" of the heatmap, `25` by default
+- **blur** - amount of blur, `15` by default
+- **gradient** - color gradient config, e.g. `{0.4: 'blue', 0.65: 'lime', 1: 'red'}`
+- **pane** - Map pane where the heat will be drawn. Defaults to 'overlayPane'.
+
+Each point in the input array can be either an array like `[50.5, 30.5, 0.5]`,
+or a [Leaflet LatLng object](http://leafletjs.com/reference.html#latlng).
+
+Optional third argument in each `LatLng` point (`altitude`) represents point intensity.
+Unless `max` option is specified, intensity should range between `0.0` and `1.0`.
+
+
+#### Methods
+
+- **setOptions(options)**: Sets new heatmap options and redraws it.
+- **addLatLng(latlng)**: Adds a new point to the heatmap and redraws it.
+- **setLatLngs(latlngs)**: Resets heatmap data and redraws it.
+- **redraw()**: Redraws the heatmap.
+
+## Changelog
+
+### 0.2.0 &mdash; Oct 26, 2015
+
+- Fixed intensity to work properly with `max` option.
+- Fixed zoom animation on Leaflet 1.0 beta 2.
+- Fixed tiles and point intensity in demos.
+
+#### 0.1.3 &mdash; Nov 25, 2015
+
+- Fixed some edge cases when handling point intensity.
+- Added `minOpacity` option.
+
+#### 0.1.2 &mdash; Nov 5, 2014
+
+- Added compatibility with Leaflet 0.8-dev.
+
+#### 0.1.1 &mdash; Apr 22, 2014
+
+- Fixed overlaying two heatmaps on top of each other.
+- Fixed rare animation issues.
+
+#### 0.1.0 &mdash; Feb 3, 2014
+
+- Added `addLatLng`, `setLatlngs`, `setOptions` and `redraw` methods.
+- Added `max` option and support for different point intensity values (through `LatLng` third argument).
+- Added `gradient` option to customize colors.
+
+#### 0.0.1 &mdash; Jan 31, 2014
+
+- Initial release.
+

package/demo/draw.html

@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Leaflet.heat demo</title>
+    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.3/dist/leaflet.css"
+    integrity="sha256-kLaT2GOSpHechhsozzB+flnD+zUyjE2LlfWPgU04xyI=" crossorigin="" />
+   <script src="https://unpkg.com/leaflet@1.9.3/dist/leaflet.js"
+    integrity="sha256-WBkoXOwTeyKclOHuWtc+i2uENFpDZ9YPdf5Hf+D7ewM=" crossorigin=""></script>
+    <style>
+        #map { width: 800px; height: 600px; }
+        body { font: 16px/1.4 "Helvetica Neue", Arial, sans-serif; }
+        .ghbtns { position: relative; top: 4px; margin-left: 5px; }
+        a { color: #0077ff; }
+    </style>
+</head>
+<body>
+
+<p>
+    A dynamic demo of <a href="https://github.com/Leaflet/Leaflet.heat">Leaflet.heat</a>, a tiny and fast Leaflet heatmap plugin.
+    <iframe class="ghbtns" src="https://ghbtns.com/github-btn.html?user=Leaflet&amp;repo=Leaflet.heat&amp;type=watch&amp;count=true"
+  allowtransparency="true" frameborder="0" scrolling="0" width="90" height="20"></iframe>
+</p>
+
+<div id="map"></div>
+
+<!-- <script src="../node_modules/simpleheat/simpleheat.js"></script>
+<script src="../src/HeatLayer.js"></script>
+ -->
+<script src="../dist/leaflet-heat.js"></script>
+
+<script src="https://leaflet.github.io/Leaflet.markercluster/example/realworld.388.js"></script>
+<script>
+
+var map = L.map('map').setView([-37.82109, 175.2193], 16);
+
+var tiles = L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
+    attribution: '&copy; <a href="https://osm.org/copyright">OpenStreetMap</a> contributors',
+}).addTo(map);
+
+addressPoints = addressPoints.map(function (p) { return [p[0], p[1]]; });
+
+var heat = L.heatLayer(addressPoints).addTo(map),
+    draw = true;
+
+map.on({
+    movestart: function () { draw = false; },
+    moveend:   function () { draw = true; },
+    mousemove: function (e) {
+        if (draw) {
+            heat.addLatLng(e.latlng);
+        }
+    }
+})
+
+</script>
+</body>
+</html>

package/demo/index.html

@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Leaflet.heat demo</title>
+   <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.3/dist/leaflet.css"
+    integrity="sha256-kLaT2GOSpHechhsozzB+flnD+zUyjE2LlfWPgU04xyI=" crossorigin="" />
+    <script src="https://unpkg.com/leaflet@1.9.3/dist/leaflet.js"
+    integrity="sha256-WBkoXOwTeyKclOHuWtc+i2uENFpDZ9YPdf5Hf+D7ewM=" crossorigin=""></script>
+    <style>
+        #map { width: 800px; height: 600px; }
+        body { font: 16px/1.4 "Helvetica Neue", Arial, sans-serif; }
+        .ghbtns { position: relative; top: 4px; margin-left: 5px; }
+        a { color: #0077ff; }
+    </style>
+</head>
+<body>
+
+<p>
+    A 10,000-point demo of <a href="https://github.com/Leaflet/Leaflet.heat">Leaflet.heat</a>, a tiny and fast Leaflet heatmap plugin.
+    <iframe class="ghbtns" src="http://ghbtns.com/github-btn.html?user=Leaflet&amp;repo=Leaflet.heat&amp;type=watch&amp;count=true"
+  allowtransparency="true" frameborder="0" scrolling="0" width="90" height="20"></iframe>
+</p>
+
+<div id="map"></div>
+
+<!-- <script src="../node_modules/simpleheat/simpleheat.js"></script>
+<script src="../src/HeatLayer.js"></script> -->
+
+<script src="../dist/leaflet-heat.js"></script>
+
+<script src="http://leaflet.github.io/Leaflet.markercluster/example/realworld.10000.js"></script>
+<script>
+
+var map = L.map('map').setView([-37.87, 175.475], 12);
+
+var tiles = L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
+    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors',
+}).addTo(map);
+
+addressPoints = addressPoints.map(function (p) { return [p[0], p[1]]; });
+
+var heat = L.heatLayer(addressPoints).addTo(map);
+
+</script>
+</body>
+</html>

package/dist/leaflet-heat.js

@@ -0,0 +1,11 @@
+/*
+ (c) 2014, Vladimir Agafonkin
+ simpleheat, a tiny JavaScript library for drawing heatmaps with Canvas
+ https://github.com/mourner/simpleheat
+*/
+!function(){"use strict";function t(i){return this instanceof t?(this._canvas=i="string"==typeof i?document.getElementById(i):i,this._ctx=i.getContext("2d"),this._width=i.width,this._height=i.height,this._max=1,void this.clear()):new t(i)}t.prototype={defaultRadius:25,defaultGradient:{.4:"blue",.6:"cyan",.7:"lime",.8:"yellow",1:"red"},data:function(t,i){return this._data=t,this},max:function(t){return this._max=t,this},add:function(t){return this._data.push(t),this},clear:function(){return this._data=[],this},radius:function(t,i){i=i||15;var a=this._circle=document.createElement("canvas"),s=a.getContext("2d"),e=this._r=t+i;return a.width=a.height=2*e,s.shadowOffsetX=s.shadowOffsetY=200,s.shadowBlur=i,s.shadowColor="black",s.beginPath(),s.arc(e-200,e-200,t,0,2*Math.PI,!0),s.closePath(),s.fill(),this},gradient:function(t){var i=document.createElement("canvas"),a=i.getContext("2d"),s=a.createLinearGradient(0,0,0,256);i.width=1,i.height=256;for(var e in t)s.addColorStop(e,t[e]);return a.fillStyle=s,a.fillRect(0,0,1,256),this._grad=a.getImageData(0,0,1,256).data,this},draw:function(t){this._circle||this.radius(this.defaultRadius),this._grad||this.gradient(this.defaultGradient);var i=this._ctx;i.clearRect(0,0,this._width,this._height);for(var a,s=0,e=this._data.length;e>s;s++)a=this._data[s],i.globalAlpha=Math.max(a[2]/this._max,t||.05),i.drawImage(this._circle,a[0]-this._r,a[1]-this._r);var n=i.getImageData(0,0,this._width,this._height);return this._colorize(n.data,this._grad),i.putImageData(n,0,0),this},_colorize:function(t,i){for(var a,s=3,e=t.length;e>s;s+=4)a=4*t[s],a&&(t[s-3]=i[a],t[s-2]=i[a+1],t[s-1]=i[a+2])}},window.simpleheat=t}(),/*
+ (c) 2014, Vladimir Agafonkin
+ Leaflet.heat, a tiny and fast heatmap plugin for Leaflet.
+ https://github.com/Leaflet/Leaflet.heat
+*/
+L.HeatLayer=(L.Layer?L.Layer:L.Class).extend({initialize:function(t,i){this._latlngs=t,L.setOptions(this,i)},setLatLngs:function(t){return this._latlngs=t,this.redraw()},addLatLng:function(t){return this._latlngs.push(t),this.redraw()},setOptions:function(t){return L.setOptions(this,t),this._heat&&this._updateOptions(),this.redraw()},redraw:function(){return!this._heat||this._frame||this._map._animating||(this._frame=L.Util.requestAnimFrame(this._redraw,this)),this},onAdd:function(t){this._map=t,this._canvas||this._initCanvas(),t._panes.overlayPane.appendChild(this._canvas),t.on("moveend",this._reset,this),t.options.zoomAnimation&&L.Browser.any3d&&t.on("zoomanim",this._animateZoom,this),this._reset()},onRemove:function(t){t.getPanes().overlayPane.removeChild(this._canvas),t.off("moveend",this._reset,this),t.options.zoomAnimation&&t.off("zoomanim",this._animateZoom,this)},addTo:function(t){return t.addLayer(this),this},_initCanvas:function(){var t=this._canvas=L.DomUtil.create("canvas","leaflet-heatmap-layer leaflet-layer"),i=L.DomUtil.testProp(["transformOrigin","WebkitTransformOrigin","msTransformOrigin"]);t.style[i]="50% 50%";var a=this._map.getSize();t.width=a.x,t.height=a.y;var s=this._map.options.zoomAnimation&&L.Browser.any3d;L.DomUtil.addClass(t,"leaflet-zoom-"+(s?"animated":"hide")),this._heat=simpleheat(t),this._updateOptions()},_updateOptions:function(){this._heat.radius(this.options.radius||this._heat.defaultRadius,this.options.blur),this.options.gradient&&this._heat.gradient(this.options.gradient),this.options.max&&this._heat.max(this.options.max)},_reset:function(){var t=this._map.containerPointToLayerPoint([0,0]);L.DomUtil.setPosition(this._canvas,t);var i=this._map.getSize();this._heat._width!==i.x&&(this._canvas.width=this._heat._width=i.x),this._heat._height!==i.y&&(this._canvas.height=this._heat._height=i.y),this._redraw()},_redraw:function(){var t,i,a,s,e,n,h,o,r,d=[],_=this._heat._r,l=this._map.getSize(),m=new L.Bounds(L.point([-_,-_]),l.add([_,_])),c=void 0===this.options.max?1:this.options.max,u=void 0===this.options.maxZoom?this._map.getMaxZoom():this.options.maxZoom,f=1/Math.pow(2,Math.max(0,Math.min(u-this._map.getZoom(),12))),g=_/2,p=[],v=this._map._getMapPanePos(),w=v.x%g,y=v.y%g;for(t=0,i=this._latlngs.length;i>t;t++)if(a=this._map.latLngToContainerPoint(this._latlngs[t]),m.contains(L.point(a.x,a.y))){e=Math.floor((a.x-w)/g)+2,n=Math.floor((a.y-y)/g)+2;var x=void 0!==this._latlngs[t].alt?this._latlngs[t].alt:void 0!==this._latlngs[t][2]?+this._latlngs[t][2]:1;r=x*f,p[n]=p[n]||[],s=p[n][e],s?(s[0]=(s[0]*s[2]+a.x*r)/(s[2]+r),s[1]=(s[1]*s[2]+a.y*r)/(s[2]+r),s[2]+=r):p[n][e]=[a.x,a.y,r]}for(t=0,i=p.length;i>t;t++)if(p[t])for(h=0,o=p[t].length;o>h;h++)s=p[t][h],s&&d.push([Math.round(s[0]),Math.round(s[1]),Math.min(s[2],c)]);this._heat.data(d).draw(this.options.minOpacity),this._frame=null},_animateZoom:function(t){var i=this._map.getZoomScale(t.zoom),a=this._map._getCenterOffset(t.center)._multiplyBy(-i).subtract(this._map._getMapPanePos());L.DomUtil.setTransform?L.DomUtil.setTransform(this._canvas,a,i):this._canvas.style[L.DomUtil.TRANSFORM]=L.DomUtil.getTranslateString(a)+" scale("+i+")"}}),L.heatLayer=function(t,i){return new L.HeatLayer(t,i)};

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@daishu10000/leaflet-heat",
+  "version": "0.2.1",
+  "description": "A tiny and fast Leaflet heatmap plugin (community bugfix fork).",
+  "homepage": "https://github.com/Leaflet/Leaflet.heat",
+  "keywords": [
+    "heatmap",
+    "canvas",
+    "visualization",
+    "gis",
+    "leaflet",
+    "plugin"
+  ],
+  "author": "Vladimir Agafonkin",
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/Leaflet/Leaflet.heat.git"
+  },
+  "main": "dist/leaflet-heat.js",
+  "devDependencies": {
+    "eslint": "^1.7.3",
+    "eslint-config-mourner": "^1.0.1",
+    "simpleheat": "~0.4.0",
+    "uglify-js": "^2.5.0"
+  },
+  "eslintConfig": {
+    "extends": "mourner",
+    "globals": {
+      "L": false,
+      "simpleheat": false
+    }
+  },
+  "scripts": {
+    "test": "eslint src",
+    "prepublish": "uglifyjs node_modules/simpleheat/simpleheat.js src/HeatLayer.js -c -m -o dist/leaflet-heat.js"
+  },
+  "license": "BSD-2-Clause",
+  "jshintConfig": {
+    "quotmark": "single",
+    "globals": {
+      "L": true,
+      "simpleheat": true
+    },
+    "trailing": true,
+    "camelcase": true,
+    "curly": true,
+    "eqeqeq": true,
+    "noempty": true,
+    "nonbsp": true,
+    "undef": true,
+    "unused": true,
+    "browser": true
+  }
+}

package/src/HeatLayer.js

@@ -0,0 +1,218 @@
+'use strict';
+
+L.HeatLayer = (L.Layer ? L.Layer : L.Class).extend({
+
+    // options: {
+    //     minOpacity: 0.05,
+    //     maxZoom: 18,
+    //     radius: 25,
+    //     blur: 15,
+    //     max: 1.0
+    // },
+
+    initialize: function (latlngs, options) {
+        this._latlngs = latlngs;
+        L.setOptions(this, options);
+    },
+
+    setLatLngs: function (latlngs) {
+        this._latlngs = latlngs;
+        return this.redraw();
+    },
+
+    addLatLng: function (latlng) {
+        this._latlngs.push(latlng);
+        return this.redraw();
+    },
+
+    setOptions: function (options) {
+        L.setOptions(this, options);
+        if (this._heat) {
+            this._updateOptions();
+        }
+        return this.redraw();
+    },
+    
+    getBounds: function () {
+        return L.latLngBounds(this._latlngs);  
+    },
+    
+    redraw: function () {
+        if (this._heat && !this._frame && this._map && !this._map._animating) {
+            this._frame = L.Util.requestAnimFrame(this._redraw, this);
+        }
+        return this;
+    },
+
+    onAdd: function (map) {
+        this._map = map;
+
+        if (!this._canvas) {
+            this._initCanvas();
+        }
+
+        if (this.options.pane) {
+            this.getPane().appendChild(this._canvas);
+        }else{
+            map._panes.overlayPane.appendChild(this._canvas);
+        }
+
+        map.on('moveend', this._reset, this);
+
+        if (map.options.zoomAnimation && L.Browser.any3d) {
+            map.on('zoomanim', this._animateZoom, this);
+        }
+
+        this._reset();
+    },
+
+    onRemove: function (map) {
+        if (this.options.pane) {
+            this.getPane().removeChild(this._canvas);
+        }else{
+            map.getPanes().overlayPane.removeChild(this._canvas);
+        }
+
+        map.off('moveend', this._reset, this);
+
+        if (map.options.zoomAnimation) {
+            map.off('zoomanim', this._animateZoom, this);
+        }
+    },
+
+    addTo: function (map) {
+        map.addLayer(this);
+        return this;
+    },
+
+    _initCanvas: function () {
+        var canvas = this._canvas = L.DomUtil.create('canvas', 'leaflet-heatmap-layer leaflet-layer');
+
+        var originProp = L.DomUtil.testProp(['transformOrigin', 'WebkitTransformOrigin', 'msTransformOrigin']);
+        canvas.style[originProp] = '50% 50%';
+
+        var size = this._map.getSize();
+        canvas.width  = size.x;
+        canvas.height = size.y;
+
+        var animated = this._map.options.zoomAnimation && L.Browser.any3d;
+        L.DomUtil.addClass(canvas, 'leaflet-zoom-' + (animated ? 'animated' : 'hide'));
+
+        this._heat = simpleheat(canvas);
+        this._updateOptions();
+    },
+
+    _updateOptions: function () {
+        this._heat.radius(this.options.radius || this._heat.defaultRadius, this.options.blur);
+
+        if (this.options.gradient) {
+            this._heat.gradient(this.options.gradient);
+        }
+        if (this.options.max) {
+            this._heat.max(this.options.max);
+        }
+    },
+
+    _reset: function () {
+        var topLeft = this._map.containerPointToLayerPoint([0, 0]);
+        L.DomUtil.setPosition(this._canvas, topLeft);
+
+        var size = this._map.getSize();
+
+        if (this._heat._width !== size.x) {
+            this._canvas.width = this._heat._width  = size.x;
+        }
+        if (this._heat._height !== size.y) {
+            this._canvas.height = this._heat._height = size.y;
+        }
+
+        this._redraw();
+    },
+
+    _redraw: function () {
+        if (!this._map) {
+            return;
+        }
+        var data = [],
+            r = this._heat._r,
+            size = this._map.getSize(),
+            bounds = new L.Bounds(
+                L.point([-r, -r]),
+                size.add([r, r])),
+
+            max = this.options.max === undefined ? 1 : this.options.max,
+            maxZoom = this.options.maxZoom === undefined ? this._map.getMaxZoom() : this.options.maxZoom,
+            v = 1 / Math.pow(2, Math.max(0, Math.min(maxZoom - this._map.getZoom(), 12))),
+            cellSize = r / 2,
+            grid = [],
+            panePos = this._map._getMapPanePos(),
+            offsetX = panePos.x % cellSize,
+            offsetY = panePos.y % cellSize,
+            i, len, p, cell, x, y, j, len2, k;
+
+        // console.time('process');
+        for (i = 0, len = this._latlngs.length; i < len; i++) {
+            p = this._map.latLngToContainerPoint(this._latlngs[i]);
+            p = L.point(p.x, p.y);
+            if (bounds.contains(p)) {
+                x = Math.floor((p.x - offsetX) / cellSize) + 2;
+                y = Math.floor((p.y - offsetY) / cellSize) + 2;
+
+                var alt =
+                    this._latlngs[i].alt !== undefined ? this._latlngs[i].alt :
+                    this._latlngs[i][2] !== undefined ? +this._latlngs[i][2] : 1;
+                k = alt * v;
+
+                grid[y] = grid[y] || [];
+                cell = grid[y][x];
+
+                if (!cell) {
+                    grid[y][x] = [p.x, p.y, k];
+
+                } else {
+                    cell[0] = (cell[0] * cell[2] + p.x * k) / (cell[2] + k); // x
+                    cell[1] = (cell[1] * cell[2] + p.y * k) / (cell[2] + k); // y
+                    cell[2] += k; // cumulated intensity value
+                }
+            }
+        }
+
+        for (i = 0, len = grid.length; i < len; i++) {
+            if (grid[i]) {
+                for (j = 0, len2 = grid[i].length; j < len2; j++) {
+                    cell = grid[i][j];
+                    if (cell) {
+                        data.push([
+                            Math.round(cell[0]),
+                            Math.round(cell[1]),
+                            Math.min(cell[2], max)
+                        ]);
+                    }
+                }
+            }
+        }
+        // console.timeEnd('process');
+
+        // console.time('draw ' + data.length);
+        this._heat.data(data).draw(this.options.minOpacity);
+        // console.timeEnd('draw ' + data.length);
+
+        this._frame = null;
+    },
+
+    _animateZoom: function (e) {
+        var scale = this._map.getZoomScale(e.zoom),
+            offset = this._map._getCenterOffset(e.center)._multiplyBy(-scale).subtract(this._map._getMapPanePos());
+
+        if (L.DomUtil.setTransform) {
+            L.DomUtil.setTransform(this._canvas, offset, scale);
+
+        } else {
+            this._canvas.style[L.DomUtil.TRANSFORM] = L.DomUtil.getTranslateString(offset) + ' scale(' + scale + ')';
+        }
+    }
+});
+
+L.heatLayer = function (latlngs, options) {
+    return new L.HeatLayer(latlngs, options);
+};