Edit in JSFiddle


              
            
          
            
              
                
<!DOCTYPE html>
<html lang="fr">

  <head>
    <!--
            Inclusion de la bibliothèque Leaflet et sa feuille de style.
            L'include du js pourrait aussi être fait a la fin du <body>
        -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/leaflet.css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/leaflet.js"></script>

    <!-- Une feuille de style éventuel -->
    <link rel="stylesheet" href="style.css">

    <title>Tutoriel Leaflet OSM</title>
  </head>

  <body>
    <!-- Le conteneur de notre carte (avec une contrainte CSS pour la taille -->
    <div id="macarte" style="width:545px; height:490px"></div>

    <script>
      var carte = L.map('macarte').setView([46.5630104, 1.4846608], 6);
      L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
        attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
      }).addTo(carte);
			var marker = L.marker([46.6835956, -0.4137665]).addTo(carte);
      var eskimon = L.polyline([
        [47.077766, -0.219043],
        [47.077766, -0.643656],
        [46.912911, -0.643656],
        [46.912911, -0.219043],
        [46.912911, -0.643656],
        [46.778871, -0.643656],
        [46.778871, -0.219043]
			], {color: 'red'}).addTo(carte);
      carte.setView([46.6835956, -0.4137665], 9);
    </script>
  </body>

</html>