naksha-react-ui/src/css/style.json

Visualize grid heat map or layer map from elastic search or https://github.com/strandls/naksha

{
  "version": 8,
  "name": "Openstreetmap",
  "sources": {
    "world": {
      "maxzoom": 22,
      "tileSize": 256,
      "tiles": [
        "https://a.tiles.mapbox.com/v4/openstreetmap.1b68f018/{z}/{x}/{y}.png?access_token=pk.eyJ1Ijoib3BlbnN0cmVldG1hcCIsImEiOiJhNVlHd29ZIn0.ti6wATGDWOmCnCYen-Ip7Q",
        "https://b.tiles.mapbox.com/v4/openstreetmap.1b68f018/{z}/{x}/{y}.png?access_token=pk.eyJ1Ijoib3BlbnN0cmVldG1hcCIsImEiOiJhNVlHd29ZIn0.ti6wATGDWOmCnCYen-Ip7Q",
        "https://c.tiles.mapbox.com/v4/openstreetmap.1b68f018/{z}/{x}/{y}.png?access_token=pk.eyJ1Ijoib3BlbnN0cmVldG1hcCIsImEiOiJhNVlHd29ZIn0.ti6wATGDWOmCnCYen-Ip7Q"
      ],
      "type": "raster",
      "attribution": "<a href='https://www.mapbox.com/about/maps/' target='_blank'>© Mapbox</a><a href='http://www.openstreetmap.org/about/' target='_blank'>© OpenStreetMap</a><a class='mapbox-improve-map' href='https://www.mapbox.com/map-feedback/' target='_blank'>Improve this map</a>"
    }
  },
  "layers":[
    {
      "id": "world",
      "type": "raster",
      "source": "world",
      "maxzoom": 22,
      "layout": {
        "visibility": "visible"
      }
    }
  ]
}