--- title: "How to use Leaflet | Leaflet" description: "Create and display Leaflet maps on web pages with MapTiler." --- > For AI agents: a documentation index is available at [/llms.txt](https://docs.maptiler.com/llms.txt). Markdown versions of all pages are available by appending .md to any URL. # How to use Leaflet This tutorial shows how to create a Leaflet map and display it on a web page using MapTiler. This tutorial explains how to use Leaflet with basic JavaScript from a **CDN**. To use Leaflet from **NPM**, see the step-by-step tutorial [How to use Leaflet with **NPM**](https://docs.maptiler.com/leaflet/examples/npm-get-started/). 1. Create a basic HTML file. ```html Display a map ``` 2. Include the Leaflet JavaScript and CSS files in the `` of your HTML file. ```html Display a map
``` ## Learn more Leaflet doesn’t support vector tiles by default. For basemaps, it is **recommended** to use it with traditional **raster tiles** (Mercator XYZ). There are two ways to use MapTiler maps in Leaflet: - [Raster tiles](https://docs.maptiler.com/leaflet/examples/raster-tiles-in-leaflet-js/) - [Vector tiles](https://docs.maptiler.com/leaflet/examples/vector-tiles-in-leaflet-js/) If you do not know the difference between Raster and Vector or you have doubts about which format is better for you, consult the article [Raster vs Vector Map Tiles: What Is the Difference Between the Two Data Types?](https://docs.maptiler.com/guides/how-maps-work/raster-vector-tiles/) Check out the [How to use Leaflet with NPM](https://docs.maptiler.com/leaflet/examples/npm-get-started/) tutorial. ## Related examples ### [Get started](https://docs.maptiler.com/leaflet/examples/get-started/) Tutorials Quickly get started with Leaflet JS web mapping library. ### [Display Marker](https://docs.maptiler.com/leaflet/examples/default-marker/) Tutorials Add default map markers using Leaflet JS web mapping library. ### [Leaflet with NPM](https://docs.maptiler.com/leaflet/examples/npm-get-started/) Tutorials Install Leaflet via NPM to create and display web maps. ### [Vector Tiles in Leaflet](https://docs.maptiler.com/leaflet/examples/vector-tiles-in-leaflet-js/) Tutorials Display MapTiler vector tiles in Leaflet using maptilersdk plugin.