Project (09.10) - 일정관리(목록)

// 장소 검색 객체를 생성합니다
var ps = new kakao.maps.services.Places(); 

// 키워드로 장소를 검색합니다
ps.keywordSearch('이태원 맛집', placesSearchCB); 

// 키워드 검색 완료 시 호출되는 콜백함수 입니다
function placesSearchCB (data, status, pagination) {
    if (status === kakao.maps.services.Status.OK) {

        // 검색된 장소 위치를 기준으로 지도 범위를 재설정하기위해
        // LatLngBounds 객체에 좌표를 추가합니다
        var bounds = new kakao.maps.LatLngBounds();

        for (var i=0; i<data.length; i++) {
            displayMarker(data[i]);    
            bounds.extend(new kakao.maps.LatLng(data[i].y, data[i].x));
        }       

        // 검색된 장소 위치를 기준으로 지도 범위를 재설정합니다
        map.setBounds(bounds);
    } 
}

카카오맵에서 키워드로 장소 검색하기 -> 코드를 가져오지만 마커표시는 다르게 하고싶고, 기존 코드와 겹치는 부분 제거 후 뽑아옴

저대로 코드를 기존 코드에 넣어 지도가 나오는지 확인완료

이제 키워드로 장소 검색하는부분을 내가 원하는 모양으로 커스텀하여 날짜 아래에 위치하도록 배치

 

---

 

일단 키워드로 장소검색하고 목록으로 표출하기로 목록은 검색 관련 검색어는 나오는데 선택 안되고, 지도에 표시도 안되고, 어떻게 해야하는거지 진짜......... 좀 더 구글링해서 소스 찾아보고 해야할 듯 으ㅏ앙

 

---

 

할 일은

1. 예약 팝업창 완성
2. 회원가입창 완성
3. 위 일정관리 검색 완성
4. 사용자가 날짜를 선택하면 날짜 설정도 되어야하는데 그건 어떻게..?

까지는 만들어놔야..

그리고 스타일링은 만들면서 주제에 맞지 않는다는 느낌이 커서 다른 비슷한느낌으로 넣을 만한거 찾아서 넣는게 좋을 듯 싶다.

일단 위 기능 실행 가능하도로 코드 만들어서 벨로그 정리하고, 내일 면담 받을 내용까지 정리해서 완성시키기..
오늘안에 잘 수 있을까 하하.. 🥲