14 Location and Map-Integration

[KayaWolfert]

Location and Map-Integration

As a user I want to see the exact position of the activity on the map, also I want to be able to set the location for a newly created activity or an already existing one by editing the activity, so that I can easily locate and navigate to the activity's location.

Description

Acceptance criteria

• [x] the map should be integrated into the activity detail view, also in the Create-New-Activity-Form and Edit-Mode
• [x] users should be able to zoom in and out of the map
• [x] when a user creates a new activity - or edit an existing one - and insert a location in the corresponding input-field, the map-view should synchronised with that location
• [x] the user should be able to see the map in the create activity-view and edit-mode
• [x] when the user specifies the location (area and country), the map is centred in this location. Then the user can move the exact location and the coordinates change accordingly, the same behavior is available for edit functionality

  Tasks

• [x] create a branch feature/location
• [x] install React-Leaflet and Leaflet: npm install react-leaflet
• [x] develop a React component that integrates with Leaflet to display a map
• [x] render the CSS from Leaflet to display the map correctly
• [x] set the width and height of .leaflet-container
• [x] integrate the Map Component into the activity detail view
• [x] integrate the location-functionalities into the Create-New-Activity-Form and Edit-Activity-View

[Roland-Hufnagel]

Nice and fine US! Just to be clear: If the user puts EITHER coordinates OR a location (e.g. a city name) the map will be synchronized? Isn't there a possibility to choose a location from the map? Can you please make these points a bit clearer in the AC? Thanks.