Showing
2 changed files
with
11 additions
and
9 deletions
... | @@ -18,12 +18,12 @@ | ... | @@ -18,12 +18,12 @@ |
18 | <div id="map" style="width:700px;height:400px;"></div> | 18 | <div id="map" style="width:700px;height:400px;"></div> |
19 | <script type="text/javascript" src="https://dapi.kakao.com/v2/maps/sdk.js?appkey=35fccf4b4e2a3179187346f26ed3f988&libraries=services"></script> | 19 | <script type="text/javascript" src="https://dapi.kakao.com/v2/maps/sdk.js?appkey=35fccf4b4e2a3179187346f26ed3f988&libraries=services"></script> |
20 | 20 | ||
21 | - <%if(typeof(result) != "undefined"){%> | 21 | + <% if(typeof(result) != "undefined"){ %> |
22 | <script> | 22 | <script> |
23 | var mapContainer = document.getElementById('map'), // 지도를 표시할 div | 23 | var mapContainer = document.getElementById('map'), // 지도를 표시할 div |
24 | mapOption = { | 24 | mapOption = { |
25 | center: new kakao.maps.LatLng(37.596672, 127.051950), // 지도의 중심좌표 | 25 | center: new kakao.maps.LatLng(37.596672, 127.051950), // 지도의 중심좌표 |
26 | - level: 3 // 지도의 확대 레벨 | 26 | + level: 5 // 지도의 확대 레벨 |
27 | }; | 27 | }; |
28 | 28 | ||
29 | var map = new kakao.maps.Map(mapContainer, mapOption); // 지도를 생성합니다 | 29 | var map = new kakao.maps.Map(mapContainer, mapOption); // 지도를 생성합니다 |
... | @@ -33,20 +33,19 @@ | ... | @@ -33,20 +33,19 @@ |
33 | map.addControl(zoomControl, kakao.maps.ControlPosition.RIGHT); | 33 | map.addControl(zoomControl, kakao.maps.ControlPosition.RIGHT); |
34 | 34 | ||
35 | var listData = "<%= result %>"; | 35 | var listData = "<%= result %>"; |
36 | - | ||
37 | listData = listData.replaceAll('"','\"'); | 36 | listData = listData.replaceAll('"','\"'); |
38 | listData = JSON.parse(listData); | 37 | listData = JSON.parse(listData); |
39 | 38 | ||
40 | - // console.log(listData); | ||
41 | - | ||
42 | //입력되는 배열명이 listData로 들어오면 됨. | 39 | //입력되는 배열명이 listData로 들어오면 됨. |
43 | listData.forEach(function(addr, index) { | 40 | listData.forEach(function(addr, index) { |
44 | var tmpaddr = ((addr.orgZipaddr).split(','))[0]; | 41 | var tmpaddr = ((addr.orgZipaddr).split(','))[0]; |
45 | - // console.log(tmpaddr); | 42 | + console.log(tmpaddr); |
46 | geocoder.addressSearch(tmpaddr, function(result, status) { | 43 | geocoder.addressSearch(tmpaddr, function(result, status) { |
47 | if (status === kakao.maps.services.Status.OK) { | 44 | if (status === kakao.maps.services.Status.OK) { |
48 | var coords = new kakao.maps.LatLng(result[0].y, result[0].x); | 45 | var coords = new kakao.maps.LatLng(result[0].y, result[0].x); |
49 | - | 46 | + // y += result[0].y; |
47 | + // x += result[0].x; | ||
48 | + // count += 1; | ||
50 | var marker = new kakao.maps.Marker({ | 49 | var marker = new kakao.maps.Marker({ |
51 | position: coords, | 50 | position: coords, |
52 | clickable: true}); | 51 | clickable: true}); |
... | @@ -64,6 +63,8 @@ | ... | @@ -64,6 +63,8 @@ |
64 | // 마커 위에 인포윈도우를 표시합니다 | 63 | // 마커 위에 인포윈도우를 표시합니다 |
65 | infowindow.open(map, marker); | 64 | infowindow.open(map, marker); |
66 | }); | 65 | }); |
66 | + // 지도의 중심을 결과값으로 받은 위치로 이동시킵니다 | ||
67 | + map.setCenter(coords); | ||
67 | } | 68 | } |
68 | }); | 69 | }); |
69 | }); | 70 | }); |
... | @@ -82,6 +83,7 @@ | ... | @@ -82,6 +83,7 @@ |
82 | }; | 83 | }; |
83 | } | 84 | } |
84 | </script> | 85 | </script> |
85 | - <%}%> | 86 | +<% } %> |
87 | + | ||
86 | </body> | 88 | </body> |
87 | </html> | 89 | </html> |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
-
Please register or login to post a comment