Showing
3 changed files
with
48 additions
and
4 deletions
README.md
0 → 100644
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.
-
Please register or login to post a comment