Comments (6)
Have replicated this (top image). When I zoom out, it's fine. The parameters required to make each map are also specified:
from leaflet.heat.
As a workaround: Import simpleheat 0.3.0
or later after importing Leaflet.heat
.
Leaflet.heat
includes a simpleheat
version from 2014:
Leaflet.heat/dist/leaflet-heat.js
Lines 1 to 5 in fbca300
The issue has been resolved in simpleheat
in 2015: mourner/simpleheat#14, Version 0.3.0 has been released afterwards.
Using TypeScript and Webpack, we achieved this workaround: LSS-Manager/LSSM-V.4@7d07baa importing Leaflet.heat
first, then simpleheat
and afterwards we've assigned the imported simpleheat
to the global scope.
from leaflet.heat.
This doesn't only happen when the radius is over 80. I have the same issue with a higher blur value. As far as I can tell it only happens when the blur value is greater than or equal to the radius with the size of the object increases with the blur value.
Code to reproduce issue:
heatLayer = L.heatLayer(heatdata, {radius: 75, gradient: gradient, blur: 80, maxZoom:18});
heatLayer.addTo(map);
As far as I can tell your issue isn't really a radius of 80 but rather that the blur level is too high. It does appear to become problematic with a radius over about 100, regardless of the blur value. I believe it has something to do with the fact that a large number of points end up overlapping.
from leaflet.heat.
Hi @jxn-30 is a release possible with this fix included? Thanks
from leaflet.heat.
Hi @jxn-30 is a release possible with this fix included? Thanks
I am not a maintainer of this project, so I am not in the power to do so. However, there already exists an Issue that also requests a new release: #132
from leaflet.heat.
Oh, ok, thank you anyway. I guess @IvanSanchez can do the new release?
Hi @jxn-30 is a release possible with this fix included? Thanks
I am not a maintainer of this project, so I am not in the power to do so. However, there already exists an Issue that also requests a new release: #132
from leaflet.heat.
Related Issues (20)
- IndexSizeError: Index or size is negative or greater than the allowed amount HOT 2
- maxZoom in leaflet HOT 2
- Need demo for adding heat using click
- Is it possible to change the intensity color based on the number of heatpoints combined in view? HOT 6
- Layering different heat maps on top of eachother
- Crashes when container has 0 width/height HOT 2
- Zooming to bounds of points added. HOT 1
- How to add popup to heat points. HOT 1
- Crash on Firefox 72 on Mac (script is "blocked from extracting canvas data") HOT 7
- Laggy Heatmaps
- Demos don't work: Blocked loading mixed active content HOT 1
- ERROR: ENOENT: no such file or directory, open 'node_modules/simpleheat/simpleheat.js' HOT 1
- Not working offline HOT 1
- Uncaught TypeError: L.heatLayer is not a function HOT 2
- MaxOpacity HOT 2
- Intensity doesn't affect gradient HOT 2
- New npm release HOT 1
- possible to add a legend ?
- Heatmap Gradient disapears when zooming in
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from leaflet.heat.