Leaflet is the leading open-source JavaScript library. Leaflet is designed with simplicity, performance and usability in mind. It works efficiently across all major desktop and mobile platforms.

1. Required Vendor files

<link rel="stylesheet" href="leaflet.css">
<script src="leaflet.js"></script>

2. Binding to existing DOM element

<div id="mapid"></div>

3. Basic usage may look something like this:

var mymap = L.map('mapid').setView([51.505, -0.09], 13);
L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}', {
    attribution: 'Map data © OpenStreetMap contributors, CC-BY-SA, Imagery © Mapbox',
    maxZoom: 18,
    id: 'mapbox/streets-v11',
    tileSize: 512,
    zoomOffset: -1,
    accessToken: 'your.mapbox.access.token'
}).addTo(mymap);

Refer more configuration options from here.

Refer following links for detailed documentation, methods and examples:

Type	URL
Plugin Link	https://leafletjs.com/
Template Page	https://demos.pixinvent.com/apex-html-admin-template/demo-1/map-leaflet.html