Toggle navigation
Toggle navigation
This project
Loading...
Sign in
신원형
/
study-or-enjoy
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
1
Merge Requests
0
Wiki
Snippets
Network
Create a new issue
Builds
Commits
Issue Boards
Authored by
최유정
2022-05-29 15:06:06 +0900
Browse Files
Options
Browse Files
Download
Email Patches
Plain Diff
Commit
991bfd8b6ebb217c98ba1ec72d4fbe6e78e0bbdf
991bfd8b
1 parent
58c4e9c1
지도 검색 후 보여주기
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
65 additions
and
0 deletions
showmap.js
showmap.js
0 → 100644
View file @
991bfd8
//### csv 파일에서 정보를 읽어오고, 2차원 배열화
const
parse
=
require
(
"csv-parse/lib/sync"
);
const
fs
=
require
(
"fs"
);
const
csv
=
fs
.
readFileSync
(
"todolistdata.csv"
);
console
.
log
(
csv
.
toString
());
//parse 메서드 -> 2차원배열화
const
records
=
parse
(
csv
.
toString
());
const
addr
=
[]
for
(
var
i
=
0
;
i
<
records
.
length
;
i
++
){
for
(
var
j
=
0
;
j
<
records
[
i
].
length
;
j
++
){
addr
.
push
(
records
[
i
][
4
]);
}
console
.
log
(
addr
);
}
//------------------------------------------------------------------
//###주소로 장소 검색하기###
var
mapContainer
=
document
.
getElementById
(
'map'
),
// 지도를 표시할 div
mapOption
=
{
center
:
new
kakao
.
maps
.
LatLng
(
33.450701
,
126.570667
),
// 지도의 중심좌표
level
:
3
// 지도의 확대 레벨
};
// 지도를 생성합니다
var
map
=
new
kakao
.
maps
.
Map
(
mapContainer
,
mapOption
);
// 주소-좌표 변환 객체를 생성합니다
var
geocoder
=
new
kakao
.
maps
.
services
.
Geocoder
();
// 찾을 주소
var
searchAddress
;
// 주소로 좌표를 검색합니다
geocoder
.
addressSearch
(
searchAddress
,
function
(
result
,
status
)
{
// 정상적으로 검색이 완료됐으면
if
(
status
===
kakao
.
maps
.
services
.
Status
.
OK
)
{
var
coords
=
new
kakao
.
maps
.
LatLng
(
result
[
0
].
y
,
result
[
0
].
x
);
// 결과값으로 받은 위치를 마커로 표시합니다
var
marker
=
new
kakao
.
maps
.
Marker
({
map
:
map
,
position
:
coords
});
// 인포윈도우로 장소에 대한 설명을 표시합니다
var
infowindow
=
new
kakao
.
maps
.
InfoWindow
({
content
:
'<div style="width:150px;text-align:center;padding:6px 0;">목적지</div>'
});
infowindow
.
open
(
map
,
marker
);
// 지도의 중심을 결과값으로 받은 위치로 이동시킵니다
map
.
setCenter
(
coords
);
}
});
\ No newline at end of file
Please
register
or
login
to post a comment