Toggle navigation
Toggle navigation
This project
Loading...
Sign in
최지우
/
oss_project
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Snippets
Network
Create a new issue
Builds
Commits
Issue Boards
Authored by
최지우
2020-11-30 23:52:48 +0900
Browse Files
Options
Browse Files
Download
Email Patches
Plain Diff
Commit
aed7ddccb8531b74b38228680378801ba2122d85
aed7ddcc
1 parent
101f0352
add readme, 카테고리별 검색 기능
Expand all
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
48 additions
and
4 deletions
README.md
views/main.ejs
views/search.ejs
README.md
0 → 100644
View file @
aed7ddc
## Subject
Kakao 지도 API를 이용한 여행 경로 추천 서비스
출발지와 도착지를 설정하면 사이 경로의 유명 관광지/음식점/카페 등을 카테고리 별로 반환
원하는 장소를 경유지로 추가하여 경로를 재검색
## How to build
### npm
~$ npm install
### Kakao 지도 API
<https://apis.map.kakao.com/web/>
카카오계정을 통해 APP KEY를 발급받은 후 views/main.ejs, views/search.ejs의 아래 부분에 추가
src = "//dapi.kakao.com/v2/maps/sdk.js?appkey=APPKEY&libraries=services"
## How to use
-
메인 페이지 지도상에서 출발지와 도착지를 선택하고 검색버튼 클릭
-
검색된 페이지에서 이동 경로에 있는 카테고리 별 장소(관광명소, 숙박, 카페, 음식점)를 검색 가능
-
지도 상에 마커와 인포윈도우를 통해 결과를 출력
-
원하는 경유지를 선택하여 경로 재검색 가능
## License
MIT License
Copyright (c) 2020 Jiwoo Choi
Permission is hereby granted, free of charge, to any person
obtaining a copy of this software and associated documentation
files (the "Software"), to deal in the Software without
restriction, including without limitation the rights to use,
copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the
Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
OTHER DEALINGS IN THE SOFTWARE.
\ No newline at end of file
views/main.ejs
View file @
aed7ddc
...
...
@@ -14,8 +14,8 @@
<script>
var
mapContainer
=
document
.
getElementById
(
'map'
),
// 지도를 표시할 div
mapOption
=
{
center
:
new
kakao
.
maps
.
LatLng
(
3
3.450701
,
126.570667
),
level
:
3
// 지도의 확대 레벨
center
:
new
kakao
.
maps
.
LatLng
(
3
7.564213
,
127.001698
),
level
:
10
// 지도의 확대 레벨
};
var
map
=
new
kakao
.
maps
.
Map
(
mapContainer
,
mapOption
);
// 지도를 생성합니다
...
...
@@ -39,7 +39,7 @@ var startDragSrc = 'https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/red
var
startDragImage
=
new
kakao
.
maps
.
MarkerImage
(
startDragSrc
,
startDragSize
,
startDragOption
);
// 출발 마커가 표시될 위치입니다
var
startPosition
=
new
kakao
.
maps
.
LatLng
(
3
3.450701
,
126.570667
);
var
startPosition
=
new
kakao
.
maps
.
LatLng
(
3
7.564213
,
127.001698
);
// 출발 마커를 생성합니다
...
...
@@ -83,7 +83,7 @@ var arriveDragSrc = 'https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/bl
var
arriveDragImage
=
new
kakao
.
maps
.
MarkerImage
(
arriveDragSrc
,
arriveDragSize
,
arriveDragOption
);
// 도착 마커가 표시될 위치입니다
var
arrivePosition
=
new
kakao
.
maps
.
LatLng
(
3
3.450701
,
126.572667
);
var
arrivePosition
=
new
kakao
.
maps
.
LatLng
(
3
7.564213
,
127.011698
);
// 도착 마커를 생성합니다
var
arriveMarker
=
new
kakao
.
maps
.
Marker
({
...
...
views/search.ejs
View file @
aed7ddc
This diff is collapsed. Click to expand it.
Please
register
or
login
to post a comment