Show Grid
Lat/lng graticule overlay
Show Labels
Degree labels on grid lines
Coordinate Control
Live mouse position display
Grid Color
Opacity
35%
Line Weight
0.8
// 1. Include Leaflet + plugin <link rel="stylesheet" href="leaflet-latlng-grid.css"> <script src="leaflet-latlng-grid.js"></script> // 2. Add to your map const map = L.map('map').setView([20, 0], 3); // Grid layer L.latLngGrid({ lineColor: '#4ade80', lineOpacity: 0.35, showLabels: true, }).addTo(map); // Coordinate control L.control.latLngCoords({ position: 'bottomleft', }).addTo(map);

A lightweight Leaflet plugin that draws an auto-scaling lat/lng graticule grid, displays live mouse coordinates, and optionally deep-links clicked points into latlng.work.

  • Auto-scaling grid — adjusts density at every zoom level
  • Canvas-rendered for smooth 60fps panning
  • Live coordinate display with one-click copy
  • Fully configurable colors, opacity, weight
  • Zero dependencies beyond Leaflet
GitHub →