Exploring Leaflet
The Leaflet project focuses on simplicity, performance, and usability. It does not offer all the tools and functionalities available in OpenLayers, but it is easier to implement and understand. And, it is lightweight--the main package is only 38 KB.
Mobile devices are given equal attention with bug fixes and features. These examples will work well on iOS, Android, and other HTML5 mobile browsers.
Creating a basic map with Leaflet
In this first example, we will build a basic map with Natural Earth Data. We will incorporate Leaflet in a simple HTML page. The full code of the following example is contained in the leaflet/map.html file from the code bundle. You can use the file as a reference; we will create it from scratch in the following steps:
- Open your text editor and create a new file; call it
map.html. Insert the following code block--the basic for a static HTML page:
Â
<!DOCTYPE html>
<html>
<head>
<title>...
