Map Page implementation

[ghost]

Backend modification for map page

• 위치의 latitude, longitude를 저장하기 위해 marker model에 field를 추가하였습니다.
• 사용자에게 보여줄 marker 번호를 저장하는 internalID field를 추가하였습니다.

• marker view testing 5개 모두 수정하여 통과를 확인하였습니다.

[ghost]

Google map API with numbered markers

• google-maps-react package를 이용하여 API key로 google map을 가져왔습니다.
• map menu를 추가하였고 map을 rendering 하였습니다. marker list component를 추가할 예정입니다.

• right click으로 marker를 추가할 수 있게 하였고 순서대로 번호가 나타나도록 하였습니다. 이 번호는 사용자가 자유롭게 수정할 수 있도록 구현할 예정입니다.

[choppaluv]

Marker list table added

• google map 오른쪽 부분에 Marker list를 넣을 수 있는 table을 만들었습니다. 현재 table의 항목은 임시로 budget과 동일하게 넣어놓았지만 수정할 예정입니다.

[ghost]

Map page with editable markers

• right click으로 marker를 추가할 수 있습니다.
• marker list에서 place 이름을 붙일 수 있습니다.
• marker list에서 row select 하여 delete 가능합니다.
• Go button을 누르면 해당 마커로 지도가 이동합니다.