<!doctype html>
<html>
  <head>
    <link rel="stylesheet" href="lib/style.css">
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.4.0/dist/leaflet.css">
    <!-- Leaflet : Placer le JS APRES le CSS -->
    <script src="https://unpkg.com/leaflet@1.4.0/dist/leaflet.js"></script>
  </head>

  <body>
    <h1>Première carte</h1>
    <div id = "mapid"></div>
    <script src = "lib/script.js"></script>
  </body>
</html>
#mapid { 
  height: 180px; 
}
var mymap = L.map('mapid');

mymap.setView([48.8418565, 2.2683], 15);

L.tileLayer(
  'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', 
  {
    attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>'
  }).addTo(mymap);