Hosting your map
The Getting Started page proposes to use a "starter kit" that is relying on GitHub pages for hosting the map. This is a fairly good solution as GitHub pages offers a free and performant hosting.
But using GitHub pages is not necessary. You can host your maps on any webserver.
If you decide to host your maps on your own webserver, you must configure CORS headers in your browser to allow access from WorkAdventure.
Configuring CORS headers
CORS headers (Cross Origin Resource Sharing) are useful when a website want to make some resources accessible to another website. This is exactly what we want to do. We want the map you are designing to be accessible from the WorkAdventure domain (
If you are using the "scripting API", only allowing the
play.workadventu.re will not be enough. You will need to allow
as a domain in order to be able to load scripts. If for some reason, you cannot or do not want to allow
* as a domain, please
read the scripting internals guide for alternatives.
Enabling CORS for Apache
In order to enable CORS in your Apache configuration, you will need to ensure the
headers module is enabled.
In your Apache configuration file, simply add the following line inside either the
<VirtualHost> sections, or within a
Header set Access-Control-Allow-Origin "*"
Enabling CORS on another webserver
Check out enable-cors.org which has detailed instructions on how to enable CORS on many different webservers.
Need some help?
WorkAdventure is a constantly evolving project and there is plenty of room for improvement regarding map editing.
If you are facing any troubles, do not hesitate to open an "issue" in the GitHub WorkAdventure account.
🔍 Found a typo? Want to propose improvements? Do not hesitate to directly propose changes.