DetourEditor

Demos

• Create or edit existing detour

Description

The DetourEditor is responsible for creating and editing detours

To construct a new DetourEditor, you need to provide an OpenLayers map instance:

const detourEditor = new sww.DetourEditor({
  map: map
});
Copy

This will allow the user to create two types of lines:

• closed_way_line: The closed way line
• detour_line: The detour line

To edit an existing detour, you can provide the uuid of the detour:

const detourEditor = new sww.DetourEditor({
  map: map,
  uuid: "1234-5678-91011"
});
Copy

When the detour is loaded, a detour-loaded event is fired. To listen to this event, you can use the following code:

detourEditor.addEventListener("detour-loaded", () => {
 console.log("Detour loaded");
});
Copy

Create or update the detour to the server

To save the detour to the server, call the DetourEditor.save function:

Update the detour properties

To update the properties of the detour that are not related to the geometries (for example the title, description, or any other property), call the DetourEditor.updateDetourProperties function and pass an object with the properties to update:

detourEditor.updateDetourProperties({
  title: {"fr": "title fr", "de": "title de", "it": "title it", "en": "title en"},
  url: "https://www.suisse-rando.ch",
});
Copy