TeamProject
어제 성공하지 못한 좌표값을 가져왔다. 전에 좌표값을 가져온 적이 있었지만 그 좌표값이 내가 검색한 목록의 맨 마지막 장소의 좌표값만 가져와서 이름을 가져오는 거로 구현을 했었다. 하지만 이름으로 가져오면 목록이 많아져 정확한 가게의 위치를 지정할 수 없어 좌표를 가져오는 걸 구현해야 했고, 오늘 구현을 하였고 이것저것 더 작업하였다.
작업 목록
1) 좌표값 가져오기
- 위치마다 마커(marker)를 생성해 주는 for문 밖에 리스트(positions)를 하나 만들어 마커를 생성할 때 마다 사용하는 좌표값(placePosition)을 리스트에 저장해 준다.
- 무작위로 하나의 마커(marker)를 선택하면 마커를 저장해 주는 배열(markers)에서 선택한 마커 값을 통해 해당 마커의 index 값을 가져온다. -> markers.indexOf(marker)
- 이제 각 마커의 좌표는 'positions[markers.indexOf(marker)]'로 해서 가져 올 수 있었다.
2) 주솟값을 가져오기 (좌표값 가져오기와 매우 흡사하다.)
- address = places[i].address_name 이렇게 각 장소에 대한 주솟값을을 가져온 뒤 for문 밖에 리스트(addresses)를 만들어 저장해 준다.
- 그 후 좌표값에서 구한 index값을 활용해 마커 선택시 해당 위치에 맞는 주솟값을을 가져오면 된다.
3) inforwindow
- 가져온 값을 활용해 지도 inforwindow에 넣어줘서 해당 좌표에 마우스를 올리면 지도에 작은 글 상자로 정보를 보여준다. (보강사항:글 상자보다 많은 양의 정보가 들어오면 글씨가 상자 밖으로 나감.)
4) html 페이지 전환
- flask를 통해 html을 변환해 줘야 localhost:5000에서 페이지 변환이 가능
- main1페이지에서 url(href="/main2")을 통해 호출해 주면 python에서 @app.route('/main2') 에서 main2.html을 열어주는 방식으로 구현했다.
(한줄 느낀점) -이제 기능 동작의 흐름을 이해하고 어떻게 해야 할지 머릿속이 잡히는 것 같다.-
