--- title: "How to create a map with the Leaflet JavaScript library | Guides | Maps apis | Maps platform" description: "Quickly build interactive maps using MapTiler and Leaflet library." --- > 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 create a map with the Leaflet JavaScript library ## Copy & paste sample source code Creating a map with the Leaflet JavaScript library is straightforward on MapTiler. Go to [MapTiler Maps](https://cloud.maptiler.com/maps/), create a free account, select the map you like, go to the Raster tiles section and click on the [Leaflet](https://docs.maptiler.com/leaflet/get-started/). Here just copy the sample source code and paste it into your HTML file (your key is included). Or just copy the code below. Replace `YOUR_MAPTILER_API_KEY_HERE` with [your own API key](https://cloud.maptiler.com/account/keys/). Make sure to [secure the key](https://docs.maptiler.com/guides/credentials/api-key/#secure-key) before you publish it. ```html
MapTiler logo

© MapTiler © OpenStreetMap contributors

``` ### Write your code from scratch You can also write your code from scratch. The following video will teach you how: ### Create Circles, Polygons, and PopUps The map can be further manipulated. You can, for instance, add the position of your shop or mark a trail of a race: ### Change Marker Icon, and Add Shadow ### Multiple Icon Definition Using JavaScript ### Add GeoJSON ### Add scale and watermark