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);
      
      marker.bindPopup(''); // Je ne met pas de texte par défaut
      var mapopup = marker.getPopup();
      mapopup.setContent('Salut, ça zeste ?');
      marker.openPopup();
    </script>
  </body>

</html>