esri-leaflet-heatmap
Advanced tools
Changelog
Readme
A plugin for Esri Leaflet to visualize Feature Services as heatmaps built on top of the L.heat Leaflet Plugin.
A live demo can be found on the Esri Leaflet website.
Here is a quick example to get you started.
<html>
<head>
<meta charset=utf-8 />
<title>Points as a heatmap</title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<!-- Load libraries from CDN -->
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.0-rc.3/dist/leaflet.css" />
<script src="https://unpkg.com/leaflet@1.0.0-rc.3"></script>
<script src="https://unpkg.com/leaflet.heat@0.2.0"></script>
<!-- Esri Leaflet and Esri Leaflet Heatmap -->
<script src="https://unpkg.com/esri-leaflet@3"></script>
<script src="https://unpkg.com/esri-leaflet-heatmap@2"></script>
<style>
body {margin:0;padding:0;}
#map {position: absolute;top:0;bottom:0;right:0;left:0;}
</style>
</head>
<body>
<div id="map"></div>
<script>
var map = L.map('map').setView([41.759, -88.157], 12);
L.esri.basemapLayer('Gray').addTo(map);
L.esri.Heat.featureLayer({
url: 'https://sampleserver6.arcgisonline.com/arcgis/rest/services/CommunityAddressing/MapServer/0',
radius: 10
}).addTo(map);
</script>
</body>
</html>
A full API Reference and sample code can be found at the Esri Leaflet website.
If you are interested in contributing to Esri Leaflet or seeing what is coming up next, check out the development roadmap.
cd into the esri-leaflet-heatmap-feature-layer foldernpm installnpm run build to compile the raw source inside a newly created dist folder.npm test from the command line to execute testsdebug/sample.html to see local changes in action.Find a bug or want to request a new feature? Please let us know by submitting an issue.
Please take a look at previous issues on Esri Leaflet and Esri Leaflet Heatmap Feature Layer that resolve common problems.
You can also post issues on the GIS Stackexchange and/or the Esri Leaflet place on GeoNet.
Esri welcomes contributions from anyone and everyone. Please see our guidelines for contributing.
Copyright 2016 Esri
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
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 file.
[](Esri Tags: ArcGIS Web Mapping Leaflet Heatmap) [](Esri Language: JavaScript)
FAQs
Esri Leaflet plugin for visualizing Feature Layers as heatmaps with L.heat.
The npm package esri-leaflet-heatmap receives a total of 1,628 weekly downloads. As such, esri-leaflet-heatmap popularity was classified as popular.
We found that esri-leaflet-heatmap demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 3 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
At Node Congress, Socket CEO Feross Aboukhadijeh uncovers the darker aspects of open source, where applications that rely heavily on third-party dependencies can be exploited in supply chain attacks.
Research
Security News
The Socket Research team found this npm package includes code for collecting sensitive developer information, including your operating system username, Git username, and Git email.
Security News
OpenJS is warning of social engineering takeovers targeting open source projects after receiving a credible attempt on the foundation.