Leaflet Essentials电子书

Leaflet.js Essentials

Table of Contents

Leaflet.js Essentials

Credits

About the Author

About the Reviewers

www.PacktPub.com

Support files, eBooks, discount offers, and more

Why subscribe?

Free access for Packt account holders

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Downloading the example code

Errata

Piracy

Questions

1. Creating Maps with Leaflet

Creating a simple basemap

Referencing the JavaScript and CSS files

Using a hosted copy

Using a local copy

Creating a <div> tag to hold the map

Creating a map object

Adding a tile layer

Tile layer providers

Adding a Web Mapping Service tile layer

Multiple tile layers

Adding data to your map

Points

Polylines

Polygons

Rectangles and circles

Rectangles

Circles

MultiPolylines and MultiPolygons

MultiPolylines

MultiPolygons

Groups of layers

The layer group

Feature groups

Pop ups

Mobile mapping

HTML and CSS

Creating a mobile map with JavaScript

Events and event handlers

Custom functions

Summary

2. Mapping GeoJSON Data

Understanding the roots of GeoJSON

Exploring GeoJSON

GeoJSON in Leaflet.js

GeoJSON as a variable

Multiple geometries in GeoJSON

Polygons with holes

GeoJSON from Leaflet.js objects

Styling GeoJSON layers

Iterating through the features

Attaching pop ups with onEachFeature

Creating layers from points with pointToLayer

Displaying a subset of data with filter

Summary

3. Creating Heatmaps and Choropleth Maps

What is a heatmap?

Heatmaps with Leaflet.heat

Using options to style your map

Changing the blur value

Changing the maxZoom value

Changing the radius value

Setting the gradient option

Methods of Leaflet.heat

Adding markers to the heatmap

Creating heatmaps with heatmap.js

Modifying the heatmap options

Adding more data to the map

Creating an interactive heatmap

Animating a heatmap

Creating a choropleth map with Leaflet

The GeoJSON data

Setting the color with a function

Styling the GeoJSON data

Creating a normalized choropleth map

Summary

4. Creating Custom Markers

Creating a custom marker

Preparing your workspace in GIMP

Drawing and saving your image

Drawing the marker shadow

Using an image as an icon

Using a custom marker in Leaflet

Defining an L.Icon class

Using predefined markers with plugins

Using Mapbox Maki markers

Using Bootstrap and Font Awesome markers

Clustering markers with Leaflet.markercluster

Coding your first cluster map

Methods and events available to markercluster layers

Options that default to true

Other options and events

Animating markers with plugins

Bouncing your markers

Making your markers move

Using markers for data visualization

Using the Leaflet Data Visualization Framework plugin

Creating basic markers

MapMarker options

RegularPolygonMarker options

StarMarker options

Bar and pie chart markers

Summary

5. ESRI in Leaflet

ESRI basemaps

Using shapefiles in Leaflet

Consuming ESRI services

Heatmaps with ESRI in Leaflet

Geocoding addresses in Leaflet

Geocoding – from an address to a point

Geocoding from URL parameters

Reverse geocoding – using points to find addresses

Query by attribute

Query by proximity

Summary

6. Leaflet in Node.js, Python, and C#

Building Leaflet applications with Node.js

A basic Node.js server with Leaflet

Node.js, AJAX, and Leaflet

Node.js, Connect, and Leaflet

Node.js, Express, Jade, and Leaflet

Leaflet with Python and CherryPy

Spatial queries with Python, MongoDB, and Leaflet

Desktop applications in C# with Leaflet

Adding a map to a C# application

Adding a marker in C#

Using MongoDB with C# and Leaflet

Querying with C#, Leaflet, and MongoDB

Summary

Index