Get started with Leaflet
This is the easiest and fastest way to use your MapTiler maps in Leaflet JS. Simply use the code below the map.
-
Copy the following code, paste it into your favorite text editor, and save it as a
.html
file. -
Replace
YOUR_MAPTILER_API_KEY_HERE
with your actual MapTiler API key. -
The next it’s up to you. You can start the map in a different place by modifying the
starting position
, and you can change the look of the map to any of our styles, or yours, by updating thestyle URL
. See what’s available here.
Learn more
If you want to learn how to initialize a map and load the style see the How to use Leaflet JS tutorial.
Leaflet
Examples
- Get started
- Learn the basics
- Vector Tiles in Leaflet
- Display Marker
- GeoJSON Layer
- Raster Layer
- Custom Map
- Choropleth GeoJSON
- Raster tiles
- Geocoding control
- Leaflet with NPM
- Leaflet with TypeScript
- Geolocate control
- Map events
- Multi-lingual map
- Built-in basemap styles
- Points as cluster
- Marker with custom icon