최지우

add readme, 카테고리별 검색 기능

1 +## Subject
2 +Kakao 지도 API를 이용한 여행 경로 추천 서비스
3 +출발지와 도착지를 설정하면 사이 경로의 유명 관광지/음식점/카페 등을 카테고리 별로 반환
4 +원하는 장소를 경유지로 추가하여 경로를 재검색
5 +
6 +## How to build
7 +### npm
8 +
9 + ~$ npm install
10 +
11 +### Kakao 지도 API
12 +<https://apis.map.kakao.com/web/>
13 +카카오계정을 통해 APP KEY를 발급받은 후 views/main.ejs, views/search.ejs의 아래 부분에 추가
14 +src = "//dapi.kakao.com/v2/maps/sdk.js?appkey=APPKEY&libraries=services"
15 +
16 +## How to use
17 +- 메인 페이지 지도상에서 출발지와 도착지를 선택하고 검색버튼 클릭
18 +- 검색된 페이지에서 이동 경로에 있는 카테고리 별 장소(관광명소, 숙박, 카페, 음식점)를 검색 가능
19 +- 지도 상에 마커와 인포윈도우를 통해 결과를 출력
20 +- 원하는 경유지를 선택하여 경로 재검색 가능
21 +
22 +## License
23 +MIT License
24 +
25 +Copyright (c) 2020 Jiwoo Choi
26 +Permission is hereby granted, free of charge, to any person
27 +obtaining a copy of this software and associated documentation
28 +files (the "Software"), to deal in the Software without
29 +restriction, including without limitation the rights to use,
30 +copy, modify, merge, publish, distribute, sublicense, and/or sell
31 +copies of the Software, and to permit persons to whom the
32 +Software is furnished to do so, subject to the following conditions:
33 +
34 +The above copyright notice and this permission notice shall be
35 +included in all copies or substantial portions of the Software.
36 +
37 +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
38 +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
39 +OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
40 +NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
41 +HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
42 +WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
43 +FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
44 +OTHER DEALINGS IN THE SOFTWARE.
...\ No newline at end of file ...\ No newline at end of file
...@@ -14,8 +14,8 @@ ...@@ -14,8 +14,8 @@
14 <script> 14 <script>
15 var mapContainer = document.getElementById('map'), // 지도를 표시할 div 15 var mapContainer = document.getElementById('map'), // 지도를 표시할 div
16 mapOption = { 16 mapOption = {
17 - center: new kakao.maps.LatLng(33.450701, 126.570667), 17 + center: new kakao.maps.LatLng(37.564213, 127.001698),
18 - level: 3 // 지도의 확대 레벨 18 + level: 10 // 지도의 확대 레벨
19 }; 19 };
20 20
21 var map = new kakao.maps.Map(mapContainer, mapOption); // 지도를 생성합니다 21 var map = new kakao.maps.Map(mapContainer, mapOption); // 지도를 생성합니다
...@@ -39,7 +39,7 @@ var startDragSrc = 'https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/red ...@@ -39,7 +39,7 @@ var startDragSrc = 'https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/red
39 var startDragImage = new kakao.maps.MarkerImage(startDragSrc, startDragSize, startDragOption); 39 var startDragImage = new kakao.maps.MarkerImage(startDragSrc, startDragSize, startDragOption);
40 40
41 // 출발 마커가 표시될 위치입니다 41 // 출발 마커가 표시될 위치입니다
42 -var startPosition = new kakao.maps.LatLng(33.450701, 126.570667); 42 +var startPosition = new kakao.maps.LatLng(37.564213, 127.001698);
43 43
44 44
45 // 출발 마커를 생성합니다 45 // 출발 마커를 생성합니다
...@@ -83,7 +83,7 @@ var arriveDragSrc = 'https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/bl ...@@ -83,7 +83,7 @@ var arriveDragSrc = 'https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/bl
83 var arriveDragImage = new kakao.maps.MarkerImage(arriveDragSrc, arriveDragSize, arriveDragOption); 83 var arriveDragImage = new kakao.maps.MarkerImage(arriveDragSrc, arriveDragSize, arriveDragOption);
84 84
85 // 도착 마커가 표시될 위치입니다 85 // 도착 마커가 표시될 위치입니다
86 -var arrivePosition = new kakao.maps.LatLng(33.450701, 126.572667); 86 +var arrivePosition = new kakao.maps.LatLng(37.564213, 127.011698);
87 87
88 // 도착 마커를 생성합니다 88 // 도착 마커를 생성합니다
89 var arriveMarker = new kakao.maps.Marker({ 89 var arriveMarker = new kakao.maps.Marker({
......
This diff is collapsed. Click to expand it.