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:

  1. 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>WMS basic map - Leaflet</title> 
          </head> 
          <body> 
          </body> 
          </html> 
  1. Now, add the following piece of code just after the row containing the <title> element, which adds the link to the Leaflet library:

 

 <meta charset="utf-8" ...

Get GeoServer Beginner's Guide - Second Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.