esri / heatmap-layer-js Goto Github PK

View Code? Open in Web Editor NEW

49.0 32.0 37.0 62 KB

This is a custom DynamicMapServiceLayer for Heatmap.js to work with the ArcGIS Javascript API.

Home Page: http://esri.github.io/heatmap-layer-js/

License: Apache License 2.0

JavaScript 44.55% HTML 55.45%

heatmap-layer-js's Introduction

heatmap-layer-js

This is a custom DynamicMapServiceLayer for Heatmap.js to work with the ArcGIS Javascript API.

View it live

Features

http://www.patrick-wied.at/static/heatmapjs/ heatmap.js is a JavaScript library that can be used to generate web heatmaps with the html5canvas element based on your data. Heatmap instances contain a store in order to colorize the heatmap based on relative data, which means if you're adding only a single datapoint to the store it will be displayed as the hottest(red) spot, then adding another point with a higher count, it will dynamically recalculate. The heatmaps are fully customizable - you're welcome to choose your own color gradient, change its opacity, datapoint radius and many more.

Instructions

See example HTML file included in download.

New to Github? Get started here.

Requirements

Notepad or HTML editor
A little background with Javascript
Experience with the ArcGIS Javascript API would help.

Resources

Issues

Find a bug or want to request a new feature? Please let us know by submitting an issue.

Contributing

Anyone and everyone is welcome to contribute.

Licensing

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

A copy of the license is available in the repository's license.txt file.

heatmap-layer-js's People

Contributors

Stargazers

Watchers

heatmap-layer-js's Issues

Artifacts in IE 11

I've gotten heatmap working great in chrome, but IE has some weird artifacts showing up when I zoom or pan. I appears that the edge of the image is repeated just beyond the edge of the extent.

Any ideas what's causing this?

reder bug

Hi,
I don't know how to describe this problem， the first load is no problem，but when i zoom in the map，the heatmap will show something wrong like this:

looking for it!

Timeout error in heatmap.js in FF 32.0.3

Hello, guys
Your product is very good and useful. I've spend little time on investigation, so thank you for a clear example.
I use your lib in my web project, to show heat on an arcgis map. It'd worked fine, but after a year of usage I faced with next error:
Error: Script terminated by timeout at:
heatmapFactory</store.prototype.setDataSet@http://ibm-b48fla5k7p2:8393/ui/mapTab/modules/heatmap.js:93:1
.storeHeatmapData@http://ibm-b48fla5k7p2:8393/ui/modules/HeatmapLayer.js:111:13
.convertHeatmapData@http://ibm-b48fla5k7p2:8393/ui/modules/HeatmapLayer.js:145:13
.parseHeatmapData@http://ibm-b48fla5k7p2:8393/ui/modules/HeatmapLayer.js:211:17
.getImageUrl@http://ibm-b48fla5k7p2:8393/ui/modules/HeatmapLayer.js:251:13
.cache["esri/layers/DynamicMapServiceLayer"]/</d<._onExtentChangeHandler@http://js.arcgis.com/3.8/init.js:746:443
.cache["dojo/_base/lang"]/</g.hitch/<@http://js.arcgis.com/3.8/init.js:172:461
n/</h@http://js.arcgis.com/3.8/init.js:238:314
.cache["esri/_coremap"]/</p<._fireEvent@http://js.arcgis.com/3.8/init.js:378:412
.cache["esri/_coremap"]/</p<._fireExtChg@http://js.arcgis.com/3.8/init.js:379:308
.cache["esri/_coremap"]/</p<.__zoomEnd@http://js.arcgis.com/3.8/init.js:368:5
.cache["esri/_coremap"]/</p<._zoomEndHandler@http://js.arcgis.com/3.8/init.js:359:1
.cache["dojo/_base/lang"]/</g.hitch/<@http://js.arcgis.com/3.8/init.js:173:14
.cache["dojo/_base/fx"]/</<._fire@http://js.arcgis.com/3.8/init.js:44:448
.cache["dojo/_base/fx"]/</<._cycle@http://js.arcgis.com/3.8/init.js:48:308
.cache["dojo/_base/lang"]/</g.hitch/<@http://js.arcgis.com/3.8/init.js:172:461
n/</h@http://js.arcgis.com/3.8/init.js:238:314
.cache["dojo/_base/lang"]/</g.hitch/<@http://js.arcgis.com/3.8/init.js:172:461
This error occured after I've updated my FF to 32.0.3 version. But script works without errors on the previous version of FF.
Could the heatmap libs conflict with new version of FF?
I'm looking forward to your reply. Thanks!

invalid license information

The different licensing information within this repository requires some work.
The README.md and the license.txt suggest that all content of this repository is licensed under the Apache v2 license. The README.md also states Access and Use Constraints The library is dual-licensed under the MIT and the Beerware license, feel free to use it in your projects. but this beerware license is not explained or linked anywhere within the repo. The MIT-LICENSE.txt file details the MIT license.
So, in total this code is licensed under the following licenses, contradicting the Readme.md text:

Apache v2
MIT
"Beerware"

The heatmap will be larger than the features's extent when map'zoomlevel is min

Issue in Chrome

Uncaught Error: declare HeatmapLayer: mixin #0 is unknown. Did you use dojo.require to pull it in?

I found if I modified heatmap-arcgis.js and added required "esri/layers/DynamicMapServiceLayer" that I no longer got the error.
I didn't seem to have any issue with ie or firefox just in chrome.

Let me know if you need more information on it.

Thanks
Jim

why heatmaplayer is a img not canvas in chrome

in the demo : http://esri.github.io/heatmap-layer-js/

The result is not rander in canvas element,but rander be a img element
such as

<img id="map_heatLayer_1463388826775" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgA.. />

my browser is chrome 49.0.2623.87,it's support canvas.