🪡 India Map page

[recursivezero]

What would you like to be added?

Fix UI issues in India page

Why is this needed?

• Add Each State SVG
• make details more informative

[Suresh-Chelani]

We are using individual SVGs for each state because each state contains multiple districts, and having separate SVGs allows us to accurately identify and display each district.

Additionally, we can enhance the map by including more details for each district, such as:

• District name
• Color coding for categorization or status
• Famous places
• Descriptions
• state capital
• etc

This will make the map more informative and interactive for users.

Can we schedule a meeting to discuss this further?

[Suresh-Chelani]

Map Section:-

• Made the map page responsive
• Added animation to the state capital area
• Improved the UI of the description box and added a hover effect
• Currently working on functionality to toggle between different map views:
  - Map only
  - Map with boundaries
  - Map with boundaries and state
• Also enhancing the overall UI

[recursivezero]

Add River flow on map using SVG and add points name of important location

for reference

https://x.com/yoavikadosh/status/1544994758459854848?t=Ir3pk8ZUI338n_4sLh1bLg&s=19

[recursivezero]

state map not loading and gives 404 error in console. please check this @Suresh-Chelani

reason is that svg is capitalcase and {state{is lower case name when fething

also no need to give relative path in fetch just call as below

district.astro

const stateName = state.charAt(0).toUpperCase() + state.slice(1);

  async function loadSVG() {
    try {
      const response = await fetch(`/public/map/svg/statesvg/${stateName}.svg`);
      if (!response.ok) throw new Error(`HTTP error! Status: ${response.status}`);
    }
}

but now Madhya Pradesh having issues as it has 2 capital letters M and P

also when load rajasthan map it is very small;earlier it came to full ;please fix this

[recursivezero]

also remove Created with paintmaps.com text from SVG