6월 30일 TIL - 지도 반경 조절, 리드미 작성

▷ 오늘의 배움

 오늘 프로젝트 정리를 하면서 리드미 틀을 작성하였다. 리드미를 작성하는 것이 처음이라 리드미 구성과 마크다운문법 활용법을 찾아보았다. 그 토대로 다음과 같이 리드미를 구성하였다.

 

✏️ 리드미 목록

1. 프로젝트 설명(프로젝트 이름 및 서비스 소개)
2. 팀 소개 및 개발 환경, 개발 기간 등등
3. 기능 소개 (큰 기능 안에서 부가적인 기능 설명 식으로 진행)

 

▷ 오늘의 시도

❗️내 주변 명소 찾기를 할 때 거리별로 찾을 수 있게 기능을 넣었지만 지도의 반경은 자동적으로 조절되게 하지 못하였다. 이에 대해 피드백이 여러개 들어와서 거리에 따라 지도 스케일이 달라질 수 있도록 수정하였다.

    var container = document.getElementById('map'); //지도를 담을 영역의 DOM 레퍼런스
	// 거리별로 지도 레벨 변경
    if (dist == 10) {
        var options = { //지도를 생성할 때 필요한 기본 옵션
            center: new kakao.maps.LatLng(position.coords.latitude, position.coords.longitude), //지도의 중심좌표.(위도,경도)
            level: 9 //지도의 레벨(확대, 축소 정도)
        };
    } else if (dist == 5) {
        var options = { //지도를 생성할 때 필요한 기본 옵션
            center: new kakao.maps.LatLng(position.coords.latitude, position.coords.longitude), //지도의 중심좌표.(위도,경도)
            level: 7 //지도의 레벨(확대, 축소 정도)
        }
    } else {
        var options = { //지도를 생성할 때 필요한 기본 옵션
            center: new kakao.maps.LatLng(position.coords.latitude, position.coords.longitude), //지도의 중심좌표.(위도,경도)
            level: 6 //지도의 레벨(확대, 축소 정도)
        }
    }
    var map = new kakao.maps.Map(container, options); //지도 생성 및 객체 리턴

 

▷ 오늘의 한줄

다음주면 프로젝트 마지막 주간이다. 다음주에는 기능 보완도 보완이지만 프로젝트를 정리하는데 힘을 써야 할 것 같다.