3. Creating Heatmaps and Choropleth Maps

Heatmaps with Leaflet.heat

The first heatmap you will make will be a density heatmap, using the Leaflet.heat plugin. You can download the JavaScript plugin at https://github.com/Leaflet/Leaflet.heat. The following steps will walk you through creating your first heatmap:

Using LeafletEssentials.html, add a reference to Leaflet.heat.js with either a URL to a remote copy or the path to your local copy, as shown in the following code:
```
<script src="http://Leaflet.github.io/Leaflet.heat/dist/Leaflet-heat.js"></script> or,
<script src="Leaflet-heat.js"></script>
```
Add an array of points. Your points can contain additional information but must have the latitude and longitude as the first two elements. The following code shows you three points from the code. The full code contains many more, which will allow you to create the heatmap:
```
var points = [
[35.1555 , -106.591838 , "<img src='http://farm8.staticflickr.com/7153/6831137393_fa38634fd7_m.jpg'>"],
[35.0931 , -106.664177...
```

Tech Concepts

Programming languages

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

Leaflet.js Essentials

By : Paul Crickard III

Leaflet.js Essentials

By: Paul Crickard III

Overview of this book

Heatmaps with Leaflet.heat

Leaflet.js Essentials

By : Paul Crickard III

Leaflet.js Essentials

By: Paul Crickard III

Overview of this book

Heatmaps with Leaflet.heat

Confirmation

Buy this book with your credits?

Submit Your Feedback

Create a Free Account To Continue Reading

Sign in to activate your 7-day free access