Leaflet Maps

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 path-to-apex-page/map-leaflet.html