Help Needed: Integrating Leaflet.js (Drag & Select Map) into WeWeb

Hi everyone,

I’m Nandhakumar, and I’m currently working on a project using the WeWeb.io platform. I’m trying to integrate Leaflet.js into my WeWeb app to create a map that allows users to drag and select areas—for example, selecting a district or zone to find nearby hospitals, grocery stores, or other points of interest.

So far, I’ve:

  • Connected WeWeb with custom code.
  • Attempted to initialize Leaflet using both WeWeb AI and ChatGPT.
  • Followed multiple steps, but I keep running into issues like “map container not found” or nothing rendering after preview.

I’m unsure whether I’m missing some key configuration steps or if WeWeb requires a specific setup for third-party libraries like Leaflet.

I’m very eager to learn and improve my knowledge of WeWeb, and I believe solving this would help me (and others) in building interactive location-based features.

If anyone has:

  • Successfully integrated Leaflet with WeWeb,
  • Faced and solved a similar problem,
  • Or has any suggestions or resources,

This is my linked-in id: https://www.linkedin.com/in/nandhakumar-b-m-134a26273/

Why don’t you share the repo?