hackforla / lucky-parking

Visualization of parking data to assist in understanding of the effects of parking policies on a neighborhood by neighborhood basis in the City of Los Angeles
https://www.hackforla.org/projects/lucky-parking.html
34 stars 60 forks source link

Drawing: User Drawing Functionality #517

Closed dannycpham closed 11 months ago

dannycpham commented 1 year ago

User Story

As a user, I want to draw on the map with my input and have the data I want to be filtered only through the area I had drawn.

Description

This ticket would implement the drawing capability. When the user sees the Draw Boundary UI, they, then, expect to be able to draw on the map with their mouse (possibly touch).

As the user draws on the map, if they do not complete the area of where they drew, the shape would be automatically connected from the two endpoints to fill the missing gap.

Acceptance Criteria

  1. If a user drags their mouse on the Draw Boundary UI, then the user expects to see a line follow their mouse as they draw an area.
  2. If a user drags their mouse on any other UI, then the user expects to see the map move in conjunction with the mouse movement instead of a drawn line.

Design References

Figma

Technical References

No response

Additional Information

No response