김서연 / Corona_Vaccination_Medical_Institution

Go to a project
Toggle navigation Toggle navigation pinning
김서연
dcbf7e34 2 parents 14e785a7 63384b1a

merge conflict 처리

Inline Side-by-side
Showing 2 changed files with 66 additions and 64 deletions
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 <html> 2 <html>
3 <head> 3 <head>
4 <meta charset="utf-8"> 4 <meta charset="utf-8">
5 - <title>주소로 장소 표시하기</title> 5 + <title>백신 접종 가능기관</title>
6 6
7 </head> 7 </head>
8 <body> 8 <body>
......
...@@ -18,70 +18,72 @@ ...@@ -18,70 +18,72 @@
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); // 지도를 생성합니다
30 - var geocoder = new kakao.maps.services.Geocoder(); 30 + var geocoder = new kakao.maps.services.Geocoder();
31 - // 지도 확대 축소를 제어할 수 있는 줌 컨트롤을 생성합니다 31 + // 지도 확대 축소를 제어할 수 있는 줌 컨트롤을 생성합니다
32 - var zoomControl = new kakao.maps.ZoomControl(); 32 + var zoomControl = new kakao.maps.ZoomControl();
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 - 36 + listData = listData.replaceAll('&#34;','\"');
37 - listData = listData.replaceAll('&#34;','\"'); 37 + listData = JSON.parse(listData);
38 - listData = JSON.parse(listData);
39 -
40 - // console.log(listData);
41 38
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);
46 + // y += result[0].y;
47 + // x += result[0].x;
48 + // count += 1;
49 + var marker = new kakao.maps.Marker({
50 + position: coords,
51 + clickable: true});
52 +
53 + // 마커를 지도에 표시합니다.
54 + marker.setMap(map);
55 +
56 + // 인포윈도우를 생성합니다
57 + var infowindow = new kakao.maps.InfoWindow({
58 + content: '<div style="width:150px;text-align:center;padding:6px 0;">' + addr[1] + '</div>',
59 + removable : true
60 + });
61 + // 마커에 클릭이벤트를 등록합니다
62 + kakao.maps.event.addListener(marker, 'click', function() {
63 + // 마커 위에 인포윈도우를 표시합니다
64 + infowindow.open(map, marker);
65 + });
66 + // 지도의 중심을 결과값으로 받은 위치로 이동시킵니다
67 + map.setCenter(coords);
68 + }
69 + });
70 + });
71 +
72 + // 인포윈도우를 표시하는 클로저를 만드는 함수입니다
73 + function makeOverListener(map, marker, infowindow) {
74 + return function() {
75 + infowindow.open(map, marker);
76 + };
77 + }
78 +
79 + // 인포윈도우를 닫는 클로저를 만드는 함수입니다
80 + function makeOutListener(infowindow) {
81 + return function() {
82 + infowindow.close();
83 + };
84 + }
85 + </script>
86 +<% } %>
49 87
50 - var marker = new kakao.maps.Marker({
51 - position: coords,
52 - clickable: true});
53 -
54 - // 마커를 지도에 표시합니다.
55 - marker.setMap(map);
56 -
57 - // 인포윈도우를 생성합니다
58 - var infowindow = new kakao.maps.InfoWindow({
59 - content: '<div style="width:150px;text-align:center;padding:6px 0;">' + addr[1] + '</div>',
60 - removable : true
61 - });
62 - // 마커에 클릭이벤트를 등록합니다
63 - kakao.maps.event.addListener(marker, 'click', function() {
64 - // 마커 위에 인포윈도우를 표시합니다
65 - infowindow.open(map, marker);
66 - });
67 - }
68 - });
69 - });
70 -
71 - // 인포윈도우를 표시하는 클로저를 만드는 함수입니다
72 - function makeOverListener(map, marker, infowindow) {
73 - return function() {
74 - infowindow.open(map, marker);
75 - };
76 - }
77 -
78 - // 인포윈도우를 닫는 클로저를 만드는 함수입니다
79 - function makeOutListener(infowindow) {
80 - return function() {
81 - infowindow.close();
82 - };
83 - }
84 - </script>
85 - <%}%>
86 </body> 88 </body>
87 </html> 89 </html>
...\ No newline at end of file ...\ No newline at end of file
......