Showing
1 changed file
with
65 additions
and
0 deletions
showmap.js
0 → 100644
1 | +//### csv 파일에서 정보를 읽어오고, 2차원 배열화 | ||
2 | + | ||
3 | +const parse = require("csv-parse/lib/sync"); | ||
4 | +const fs = require("fs"); | ||
5 | + | ||
6 | +const csv = fs.readFileSync("todolistdata.csv"); | ||
7 | +console.log(csv.toString()); | ||
8 | +//parse 메서드 -> 2차원배열화 | ||
9 | +const records = parse(csv.toString()); | ||
10 | +const addr = [] | ||
11 | + | ||
12 | +for (var i = 0; i < records.length; i++){ | ||
13 | + for(var j = 0; j < records[i].length; j++){ | ||
14 | + addr.push(records[i][4]); | ||
15 | + } | ||
16 | + console.log(addr); | ||
17 | + | ||
18 | +} | ||
19 | + | ||
20 | + | ||
21 | + | ||
22 | +//------------------------------------------------------------------ | ||
23 | +//###주소로 장소 검색하기### | ||
24 | + | ||
25 | + | ||
26 | + | ||
27 | +var mapContainer = document.getElementById('map'), // 지도를 표시할 div | ||
28 | + mapOption = { | ||
29 | + center: new kakao.maps.LatLng(33.450701, 126.570667), // 지도의 중심좌표 | ||
30 | + level: 3 // 지도의 확대 레벨 | ||
31 | + }; | ||
32 | + | ||
33 | +// 지도를 생성합니다 | ||
34 | +var map = new kakao.maps.Map(mapContainer, mapOption); | ||
35 | + | ||
36 | +// 주소-좌표 변환 객체를 생성합니다 | ||
37 | +var geocoder = new kakao.maps.services.Geocoder(); | ||
38 | + | ||
39 | +// 찾을 주소 | ||
40 | +var searchAddress; | ||
41 | + | ||
42 | +// 주소로 좌표를 검색합니다 | ||
43 | +geocoder.addressSearch(searchAddress, function(result, status) { | ||
44 | + | ||
45 | + // 정상적으로 검색이 완료됐으면 | ||
46 | + if (status === kakao.maps.services.Status.OK) { | ||
47 | + | ||
48 | + var coords = new kakao.maps.LatLng(result[0].y, result[0].x); | ||
49 | + | ||
50 | + // 결과값으로 받은 위치를 마커로 표시합니다 | ||
51 | + var marker = new kakao.maps.Marker({ | ||
52 | + map: map, | ||
53 | + position: coords | ||
54 | + }); | ||
55 | + | ||
56 | + // 인포윈도우로 장소에 대한 설명을 표시합니다 | ||
57 | + var infowindow = new kakao.maps.InfoWindow({ | ||
58 | + content: '<div style="width:150px;text-align:center;padding:6px 0;">목적지</div>' | ||
59 | + }); | ||
60 | + infowindow.open(map, marker); | ||
61 | + | ||
62 | + // 지도의 중심을 결과값으로 받은 위치로 이동시킵니다 | ||
63 | + map.setCenter(coords); | ||
64 | + } | ||
65 | +}); | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
-
Please register or login to post a comment