Do research and try to implement area location

[ckertam]

We are already using Google Maps API to show location. But it's requested to be able to select area on the map.

Now I will make a research and will try to implement area selection in the project for both backend and frontend.

Important Note:
We should consider which one is more suitable and which one we can use on both web and mobile

[ckertam]

First possible selection is Google Maps API Shapes

Secondly we may try leaflet directly Leaflet

[ckertam]

After some researches we decided to use Google Maps because it is way easier on web. And have implementation posibilities on mobile too.

[ckertam]

We can create something like above.

For now we can create and see stories.

Search & other implementations will be added soon 🥂

[sadikkuzu]

@ckertam You quickly solve whatever is needed. Congrats, you did a great job, well done! Thank you so much ✨ 👏🏼

[ckertam]

@SWE574-Fall2023-Group1/all
Everything done! Need to test it more now.
Basically users can do belowings now.

• Add every shape of location while creating a story.
• Can remove them before creating the story.
• Autocomplete still working so users can make search for locations.
• If users click on a shape in a story the user will see the stories that has a location inside the clicked area
• Line and point clicks return 5km radius area
• In search page users can make search with radius & points.

Need to fix/improve

• For now in search pages markers does not shown we need to handle it.
• In timeline search we show the location's place. But now if the point is not point we do not show it. Need to handle it too.
• Auto zoom & Auto centerilization not exist for now. Need to discuss where we need them. Then we can implement them

[ckertam]

We handled it in the first place. But we need to solve some bugs as I mentioned.

[ckertam]

Close commits

7f55043
1bf18ad
d4e449f
e173e31
0511d63
6f1bfdf
966a16b
f75dd9f
8b06798
6afe008
1cfd960