# leaflet-heat **Repository Path**: jay-hardcoder/leaflet-heat ## Basic Information - **Project Name**: leaflet-heat - **Description**: 基于leaflet.heat插件修改而来,修复在leaflet高版本中双指缩放动画无效的bug - **Primary Language**: Unknown - **License**: MulanPSL-2.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 2 - **Created**: 2022-02-11 - **Last Updated**: 2022-02-11 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # leaflet-Heat 解决[Leaflet.heat](https://github.com/Leaflet/Leaflet.heat)在高版本`leaflet`中双指缩放时无动画的Bug。 [demo](http://examples.panzhiyue.website/Leaflet-Heat/examples/index.html) ## 示例 ```javascript var map = L.map('map').setView([24, 46], 4); L.DomUtil.addClass(map._mapPane, 'leaflet-touching'); var tiles = L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', { attribution: '© OpenStreetMap contributors', }).addTo(map); var testData = [ [24, 46, 600], [27, 43, 1500], [28, 41, 800], [29, 45, 300], [31, 37, 200], [32, 32, 2000], [35, 30, 2500], [30, 29, 3000] ]; var heat = L.heatLayer(testData, { max: 1 }).addTo(map); ``` ## 效果图 ![1627352075864](README.assets/1627352075864.png) ## 构造函数 ```javascript var heat = L.heatLayer(latlngs,options).addTo(map); ``` 给定一组点和一个具有以下选项的对象,构造一个热图层: **latlngs:**点集 **options:** - **minOpacity** : 最小不透明度 - **maxZoom **: 点达到最大强度的缩放级别(随着缩放的强度缩放),默认情况下等于地图 `maxZoom` - **max** : 最大点强度,默认情况下为`1.0` - **radius** : 热图的每个“点”的半径 ,默认情况为`25` - **blur** : 模糊量 ,默认情况为`15` - **gradient** : 颜色渐变配置,例如`{0.4: 'blue', 0.65: 'lime', 1: 'red'}` 输入的每个点可以是一个像`[50.5, 30.5, 0.5]`阵列,或一个[LatLng](http://leafletjs.com/reference.html#latlng)。 每个`LatLng`点中的可选第三个参数( `altitude`) 表示点强度。除非`max`指定选项,否则强度应介于`0.0`和之间`1.0`。 ## 方法 | 名称 | 返回值 | 描述 | | ------------------- | ------ | ------------ | | setOptions(options) | this | 获取显示模式 | | addLatLng(latlng) | this | 获取面集合 | | setLatLngs(latlngs) | this | 设置显示模式 | | redraw() | this | 设置面集合 |