Leaflet Map Intro <! data-preserve-html-node="true"-- Leaflet --> <! data-preserve-html-node="true"-- Plugins -->
<div id="mapid" style="width: 100%; height: 400px;"></div>
<script> var mymap = L.map('mapid').setView([55.060, 0.692], 5);
    L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}   /{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw', {
        maxZoom: 18,
        attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, ' +
            '<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' +
            'Imagery © <a href="http://mapbox.com">Mapbox</a>',
        id: 'mapbox.streets'
    }).addTo(mymap);

</script>