Intenté agregar una capa de cuadrícula, pero eso obviamente escala las líneas de la cuadrícula con los mosaicos en lugar de fijarse en el sistema de coordenadas. Quiero agregar una cuadrícula simple de líneas basada en el sistema de coordenadas para que sea independiente de los niveles de zoom para mostrar las coordenadas individuales. Idealmente, también me gustaría mostrar las coordenadas y solo presentarlas en niveles de zoom más bajos.

¿Podría simplemente agregar esto a los mosaicos como superposiciones? ¿Cómo puedo establecer un límite de nivel de zoom para eso?

Código que ya tengo:

 var TileLayer = L.TileLayer.extend({ getTileUrl: function (coords) { var data = { r: L.Browser.retina ? '@2x' : '', s: this._getSubdomain(coords), z: this._getZoomForUrl() }; var tilepoints = Math.pow(2, data['z'] - 1); data['x'] = tilepoints * coords.x; data['y'] = tilepoints * (Math.abs(coords.y) - 1); return L.Util.template(this._url, L.extend(data, this.options)); } }); var tiles = new TileLayer(baseurl + "/{z}-{x}-{y}.png", { crs: L.CRS.Simple, minZoom: MIN_ZOOM_LEVEL, maxZoom: MAX_ZOOM_LEVEL, zoomOffset: 1, zoomReverse: true, bounds: [[0, 0], [1048576, 1048576]], }); var map = L.map(mapDiv, { crs: L.CRS.Simple, minZoom: MIN_ZOOM_LEVEL, maxZoom: MAX_ZOOM_LEVEL, maxBounds: [[0, 0], [1048576, 1048576]], layers: [tiles] });