heatmap.js
heatmap.js copied to clipboard
Published
20 hours ago •
pa7
pa7
使用heatmap 添加背景图片， 把图片 画到canvas中
我想做的是一个室内平面热力图，红的地方代表有手机，越红代表这个位置手机个数越多，类似一个人流密度统计，卡住了，不会了，heatmap.js能解决吗？？？
可以解决的 @wrb233
import L from 'leaflet';
import InitHeatMap from 'leaflet-heatmap';
import map from './minimap.jpg';
const baseLayer = L.imageOverlay(this.map, bounds, { zIndex: -1 });
this.heatmapLayer = new InitHeatMap({ latField: 'z', lngField: 'x', valueField: 'num', blur: this.mapOpt.blur, radius: this.mapOpt.radius, scaleRadius: true, useLocalExtrema: false, minOpacity: 0.8, maxOpacity: 1, gradient: colorOpts });
this.heatMap = L.map('heat', { crs: L.CRS.Simple, center: [0, 0], minZoom: -2.7, maxZoom: 4, maxBounds: bounds, layers: [this.heatmapLayer, baseLayer] });
