Leaflet to change the grabbing hand cursor? - Javascript Leaflet

Javascript examples for Leaflet:Configuration

  1. HOME
  2. Javascript
  3. Leaflet
  4. Configuration

Description

Leaflet to change the grabbing hand cursor?

Demo Code

ResultView the demo in separate window 

<html lang="en">
   <head> 
      <title>Change Default Leaflet cursors</title> 
      <link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.2/dist/leaflet.css"> 
      <style>

#map {/*from www  .j av  a  2 s .  c o  m*/
   height: 500px;
}
.leaflet-grab {
   cursor: auto;
}
.leaflet-dragging .leaflet-grab{
   cursor: move;
}


      </style> 
   </head> 
   <body translate="no"> 
      <div id="map"></div> 
      <script src="https://unpkg.com/leaflet@1.0.2/dist/leaflet.js"></script> 
      <script>
      var map = L.map('map',{zooomcontrol:false}).setView([51.505, -0.09], 13);
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);
    
      </script>  
   </body>
</html>

Related Tutorials