Leaflet Tips and Tricks

Leaflet Tips and Tricks

Malcolm Maclean
Buy on Leanpub

Table of Contents

Leaflet Tips and Tricks

  • Acknowledgements
    • Make sure you get the most up to date copy of Leaflet Tips and Tricks
  • Introduction
  • What is leaflet.js?
  • What do you need to get started?
    • HTML
    • JavaScript
    • Cascading Style Sheets (CSS)
    • Web Servers
    • PHP
    • Other Useful Stuff
    • Text Editor
    • Getting Leaflet
    • Where to get information on leaflet.js
    • leafletjs.com
    • Google Groups
    • Stack Overflow
    • Github
    • bl.ocks.org
    • Twitter
    • Books
  • Start With a Simple Map
    • HTML
    • JavaScript
    • Declaring the starting parameters for the map
    • Declaring the source for the map tiles
    • And there’s your map!
  • Leaflet Features
    • Adding a marker to our map
    • Adding a popup to our marker
    • Marker options
    • Drag a marker
    • Add a title to a marker
    • Adjust the markers transparency
    • Adding a line to our map
    • Adding options to our polyline
    • Using multiple tile layers on your map
    • Overlaying information interactively on your map
  • Leaflet Plugins
    • Leaflet.draw
    • Leaflet.draw code description
    • Leaflet.draw configuration options
    • Object colours
    • Polygon line intersection
    • Show and measure an area
    • Repeating a drawing option automatically
    • Place an alternative marker
    • Place the Leaflet.draw toolbar in another position
    • OSMGeocoder Search
    • OSMGeocoder code description
    • OSMGeocoder configuration options
    • Leaflet.FileLayer load local GPX, KML, GeoJSON files
    • Leaflet.FileLayer code description
  • Assorted Leaflet Tips and Tricks
    • Make your map full screen
  • Tile servers that can be used with Leaflet
    • URL Template
    • Usage Policy
    • Attribution
    • Open Street Map OSM Mapnik
    • URL Template
    • Usage policy
    • Attribution
    • Usage example
    • Open Cycle Map
    • URL Template
    • Usage policy
    • Attribution
    • Usage example
    • Outdoors
    • URL Template
    • Usage policy
    • Attribution
    • Usage example
    • Transport
    • URL Template
    • Usage policy
    • Attribution
    • Usage example
    • Landscape
    • URL Template
    • Usage policy
    • Attribution
    • Usage example
    • MapQuest Open Aerial
    • URL Template
    • Usage policy
    • Attribution
    • Usage example
    • MapQuest-OSM
    • URL Template
    • Usage policy
    • Attribution
    • Usage example
  • Map Tips and Tricks
    • How do maps get presented on a web page?
    • Vectors and bitmaps.
    • Map tiles and zoom levels
  • Working with GitHub, Gist and bl.ocks.org
    • General stuff about bl.ocks.org
    • Installing the plug-in for bl.ocks.org for easy block viewing
    • Loading a thumbnail into Gist for bl.ocks.org thumbnails
    • Setting the scene:
    • Enough of the scene setting. Let’s git going :-).
    • Wrap up.
  • Appendices
    • A Simple Map
    • Full Screen Map
    • Map with Marker and Features
    • Map with polyline and options
    • A Leaflet map with base layer (tile selection) controls
    • A Leaflet map with overlay layer (and base layer) controls
    • Leaflet.draw plugin with options.
    • OSMGeocoder plugin with options.
Leaflet Tips and Tricks/overview

Leaflet Tips and Tricks

course_overview

count_chapters
begin_reading
download
p_implied_book_part_name

Leaflet Tips and Tricks12 chapters

Begin ›
  1. Acknowledgements

  2. Introduction

  3. What is leaflet.js?

  4. What do you need to get started?

  5. Start With a Simple Map

  6. Leaflet Features

  7. Leaflet Plugins

  8. Assorted Leaflet Tips and Tricks

  9. Tile servers that can be used with Leaflet

  10. Map Tips and Tricks

  11. Working with GitHub, Gist and bl.ocks.org

  12. Appendices