Skip to content

Add demo playground#53

Open
fgravin wants to merge 1 commit intomainfrom
revamp-demo
Open

Add demo playground#53
fgravin wants to merge 1 commit intomainfrom
revamp-demo

Conversation

@fgravin
Copy link
Member

@fgravin fgravin commented Mar 4, 2026

Summary

  • Add demo playground app: A Vue 3 + Nuxt UI demo app with layer management (WMS, WMTS, WFS, XYZ, GeoJSON, OGC API, MapLibre Style, GeoTIFF), renderer switching (OpenLayers/MapLibre), geocoding search, and a CodeMirror-based JSON context editor.

@jahow
Copy link
Member

jahow commented Mar 4, 2026

could you put the demo in a separate PR? I think the point of a playground would be to be able to run code and see it happen live on the map, kind of like https://jahow.github.io/native-map/master/

@fgravin
Copy link
Member Author

fgravin commented Mar 4, 2026

I think the point of a playground would be to be able to run code and see it happen live on the map, kind of like https://jahow.github.io/native-map/master/

This is the case when you open the context panel on the right

@fgravin fgravin changed the title Fix MapLibre center+zoom view and add demo playground Add demo playground Mar 4, 2026
@jahow
Copy link
Member

jahow commented Mar 4, 2026

I think this app is too complicated. We just need a simple code block to run and that's it. This way we can have many examples, and even save custom ones to be shared by e.g. url.

@fgravin
Copy link
Member Author

fgravin commented Mar 4, 2026

I think this app is too complicated

I don't find it too complicated, it's way simpler as before IMO, in terms of understanding the abilities. Maybe you wanted to call for too advanced, or features rich ?

I would keep this playground, even though it could be one "rich" example among others.

Other who have worked with the lib and checked the demo, do you have any opinion, what do you expect as demo/examples/playground ? @AlitaBernachot @arnaud-morvan for instance ?

@jahow
Copy link
Member

jahow commented Mar 4, 2026

I was thinking more of something like https://playground.babylonjs.com/

With:

  • the ability to write code (not just a context JSON) that uses the SDK
  • a list of predefined examples
  • the ability to include this playground as a web component e.g. in the doc, to demonstrate a certain API or feature in a dynamic way

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants