[팀 프로젝트] 24.02.29. 노트

*url 파라미터로 보낸 값의 키와 input 태그의 path 이름이 같으면 파라미터의 값이 input 태그 안에 출력된다.

 

여행 코스 구현을 위해 네이버 길찾기 API로 코스간 소요시간을 구하는 함수를 만들었다.

그런데 지도에 길을 표시하려면 자바스크립트를 사용해야 한다...자바를 쓰고 싶어서 티맵이 아니라 네이버 길찾기를 사용한 건데...

2시간동안 네이버 길찾기 만진 건 자바로 API 다루는 연습을 한 거라고 치자...속도가 느려서 연습해야 하기는 했다.

JSONArray에서 JSONObject를 얻는 getJSONObject는 인덱스로만 사용할 수 있다.
JSONObject에서 JSONObject를 얻는 getJSONObject는 키(객체 이름)로 사용할 수 있다.

 

 

 

---

티맵 API

 

• DB에 등록되어있는 곳들을 마커로 표시
• 표시된 마커를 클릭했을 때 상세보기로 이동하는 버튼과 코스에 추가하는 버튼이 나타남

 

• 코스의 스케줄이 두 개 이상일 경우 코스간 소요시간 표시
• 코스의 스케줄이 두 개 이상이고 뒤의 코스를 클릭하면 지도에 경로 표시 + 정보란에 소요시간, 요금, 예상 유류비 등

 

 

지도

1. 뷰 페이지: 지역별+카테고리별로 선택

2. 서버: 선택된 값에 따라 마커 표시

 

Repository

parameter: String category, String areaName

List list = new ArrayList();

SQL = SELECT * FROM category WHERE areaName = ?

switch(category){

    case "hotel":

        ilst = template.query(SQL, new HotelRowMapper(), areaName);

...

}

 

그냥 List에 들어가는 타입이 확실하게 카테고리별로 다 따로 만들까

 

마커를 표시하는 함수(Tmapv3)와 이동경로 및 정보를 표시하는 함수(Tmapv2)가 다르다.

Tmapv3에서 이동경로는 표시되지 않아도 이동시간은 표시되니까 이동경로를 보여주는 건 따로 해야겠다.

 

지도에서 시군구 선택했을 때 이동할 좌표는 어떻게 설정하지........일일히 설정해놓을 수밖에 없나

 

initTmap()을 여러 번 실행하면 지도가 아래에 새로 생성됨...

아래도 안 됨...

			let center = new Tmapv3.Point(latitude, longitude);
			map.setCenter(center);

 

참고한 좌표변환

Guide | T MAP API (tmapmobility.com)

Guide | T MAP API

 

자바는 잘못되면 알려주는데 자바스크립트는 잘못돼도 알려주지를 않으니까 더 어렵다

 

카카오지도랑 같이 써봐야겠다