Create OSM India basemap style using shortbread and corrected India boundaries

[planemad]

Now that OSMF vector tiles are live https://shortbread-tiles.org, we should consider replacing the homepage map on openstreetmap.in with a maplibre+OSM vector tile map style with the corrected India boundaries.

• OSM vector tile schema https://shortbread-tiles.org
• MapLibre Style Spec https://maplibre.org/maplibre-style-spec/
• MapLibre JS https://maplibre.org/maplibre-gl-js/docs/#quickstart

Tasks:

• Create a MapLibre style json using OSM vector tiles and the MapLibre style spec
• Use vector tiles of official India boundaries from https://indianopenmaps.fly.dev
• Create a demo map page to render this style using MapLibre JS

[planemad]

It looks like a good starting MapLibre style for Shortbread is already available at https://github.com/versatiles-org/versatiles-style

Map

We can use the geocoder example for the base https://versatiles.org/playground/geocoder/

Style

• Download the versatiles style json https://github.com/versatiles-org/versatiles-style?tab=readme-ov-file#prebuilt-styles-and-sprites
• Open json in Maputnik https://maplibre.org/maputnik/?layer=1867275244%7E0&modal=open#11.56/18.9782/72.8734
• Hide the existing OSM boundaries https://shortbread-tiles.org/schema/1.0/#layer-boundaries
• Add boundaries from Bhuvan using https://github.com/ramSeraph/indian_admin_boundaries/releases/tag/states

[planemad]

• Working code: https://jsfiddle.net/planemad/aLboh49t/4/
• Style JSON: https://gist.github.com/planemad/4059d40b2cf9b857d8d96cdc9614d080

Style changes:

• Base style: colorful/style.json
• Add vector source bhuvan-states https://gist.github.com/planemad/4059d40b2cf9b857d8d96cdc9614d080#file-versatilescolorful-india-json-L18-L27
• Add line layer using bhutan-states https://gist.github.com/planemad/4059d40b2cf9b857d8d96cdc9614d080#file-versatilescolorful-india-json-L5235-L5241
• Hide boundary-country-disputed layer https://gist.github.com/planemad/4059d40b2cf9b857d8d96cdc9614d080#file-versatilescolorful-india-json-L5198-L5216

[answerquest]

Thanks; I've incorporated this into the live map at https://github.com/answerquest/india-vector-maps