Leaflet 2x Marker Tooltip

by falkedesign

HTML

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" />
    <script src="//unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
  </head>

  <body>
      <div id="map-div"></div>
  </body>

</html>

CSS

html, body{  
   height: 100%;
   width: 100%;
   margin: 0;
}


 #map-div {
   height: 100%;
   width: 100%;
}

JavaScript

var map = L.map('map-div').setView([0,0], 4);
var basemap = L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
  attribution: 'Basemap (c) <a href="http://openstreetmap.org">OpenStreetMap</a>',
  //minZoom: 5,
  maxZoom: 20
});
basemap.addTo(map);


L.marker([0,0]).addTo(map)
L.marker([0,0], {zIndexOffset: 1}).addTo(map).bindTooltip('TEST')