19/10/2019
leaflet map
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.4.0/dist/leaflet.css"/>
<script src="https://unpkg.com/leaflet@1.4.0/dist/leaflet.js"></script>

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

<style>
#mapid { height: 400px; }
</style>
<script type="text/javascript">
    var mymap = L.map('mapid').setView([48.823269, 2.276107], 13);

    L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw', {
        maxZoom: 18,
        id: 'mapbox.streets'
    }).addTo(mymap);

    L.marker([48.823269, 2.276107]).addTo(mymap)
        .bindPopup('Repotel Issy les moulineaux')
        .openPopup();
</script>