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