OpenStreetMap

Description

This feature integrates OpenStreetMap into your application, allowing you to display interactive maps. It provides a configurable map setup, including tile layers, zoom levels, and attribution controls. The map is initialized with specific settings and can be customized through the configuration interface.

How to Utilize

For Administrators / Editors

• Step-by-Step Instructions:
  1. Ensure the Config class is properly set up with the required parameters such as id, mapElement, containerElement, etc.
  2. Use the createMap function from js/map.ts to initialize the map with the desired configuration.
  3. Customize the map settings through the ConfigInterface to adjust zoom levels, map style, and attribution position.
• Capabilities/Permissions Required: No specific permissions are required to use this feature.
• Settings Location: Configuration settings are managed through the Config class in js/setupMap/config/config.ts.

For Users

• Users will see an interactive map on the frontend, which can be panned, zoomed, and interacted with. The map will display tiles based on the configured style and provide attribution information.

---

Purpose

Why This Feature Exists

• This feature was implemented to provide a seamless way to integrate interactive maps into your application. It solves the problem of manually setting up and configuring map tiles and controls.
• It benefits administrators by centralizing map configuration and reducing the need for manual setup. End users benefit from an enhanced interactive experience with the map.

Key Benefits

✅ Centralizes functionality or information.
✅ Improves the user experience by providing an interactive and customizable map.
✅ Reduces manual work for administrators by automating map setup and configuration.

---

Meta

• Author: Helsingborg Stad
• Initial Release Date: February, 2025