[JS]다음맵 관련 질문 입니다. 채택완료

</p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);"><div id="map" style="width:100%;height:350px;"></div></span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);"><style></span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">/*
 CSS */.wrap {position: absolute;left: 0;bottom: 40px;width: 
288px;height: 132px;margin-left: -144px;text-align: left;overflow: 
hidden;font-size: 12px;font-family: 'Malgun Gothic', dotum, '돋움', 
sans-serif;line-height: 1.5;}</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">.wrap * {padding: 0;margin: 0;}</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">.wrap
 .info {width: 286px;height: 120px;border-radius: 5px;border-bottom: 2px
 solid #ccc;border-right: 1px solid #ccc;overflow: hidden;background: 
#fff;}</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">.wrap .info:nth-child(1) {border: 0;box-shadow: 0px 1px 2px #888;}</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">.info
 .title {padding: 5px 0 0 10px;height: 30px;background: 
#eee;border-bottom: 1px solid #ddd;font-size: 18px;font-weight: bold;}</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">.info
 .close {position: absolute;top: 10px;right: 10px;color: #888;width: 
17px;height: 17px;background: 
url('<a href="<a href="http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/overlay_close.png" target="_blank" rel="noopener noreferrer">http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/overlay_close.png</a>"><a href="http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/overlay_close.png" target="_blank" rel="noopener noreferrer">http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/overlay_close.png</a></a>');}</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">.info .close:hover {cursor: pointer;}</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">.info .body {position: relative;overflow: hidden;}</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">.info .desc {position: relative;margin: 13px 0 0 90px;height: 75px;}</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">.desc .ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">.desc .jibun {font-size: 11px;color: #888;margin-top: -2px;}</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">.info .img {position: absolute;top: 6px;left: 5px;width: 73px;height: 71px;border: 1px solid #ddd;color: #888;overflow: hidden;}</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">.info:after
 {content: '';position: absolute;margin-left: -12px;left: 50%;bottom: 
0;width: 22px;height: 12px;background: 
url('<a href="<a href="http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png" target="_blank" rel="noopener noreferrer">http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png</a>"><a href="http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png" target="_blank" rel="noopener noreferrer">http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png</a></a>')}</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">.info .link {color: #5085BB;}</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);"></style></span></p><p> </p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);"><script>  </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">var mapContainer = document.getElementById('map'), // 지도를 표시할 div </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">    mapOption = { </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">        center: new daum.maps.LatLng(37.504425294423825, 126.96068772828141), // 지도의 중심좌표</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">        level: 5 // 지도의 확대 레벨 </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">    }; </span></p><p> </p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">var map = new daum.maps.Map(mapContainer, mapOption); // 지도를 생성합니다</span></p><p> </p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">/*=======================================================</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">==이 것 은 다 음 A P I 를 통 해 지 도 를 생 성 합 니 다==</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">========================================================*/</span></p><p> </p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">// HTML5의 geolocation으로 사용할 수 있는지 확인합니다 </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">if (navigator.geolocation) {</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">    </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">    // GeoLocation을 이용해서 접속 위치를 얻어옵니다</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">    navigator.geolocation.getCurrentPosition(function(position) {</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">        </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">        var lat = position.coords.latitude, // 위도</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            lon = position.coords.longitude; // 경도</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">        </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">        var locPosition = new daum.maps.LatLng(lat, lon) // 마커가 표시될 위치를 geolocation으로 얻어온 좌표로 생성합니다</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">        </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">        // 마커와 인포윈도우를 표시합니다</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">        geoloca(locPosition);</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">      });</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">    </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">} else { // HTML5의 GeoLocation을 사용할 수 없을때 마커 표시 위치와 인포윈도우 내용을 설정합니다</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">    </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">    var locPosition = new daum.maps.LatLng(33.450701, 126.570667)</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">        </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">    geoloca(locPosition);</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">}</span></p><p> </p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">// 지도에 마커와 인포윈도우를 표시하는 함수입니다</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">function geoloca(locPosition) {</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">    // 지도 중심좌표를 접속위치로 변경합니다</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">    map.setCenter(locPosition);      </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">}</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">/*===================================================</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">==이 것 은 H T M L 5 위 치 기 반 찾 는 거 입 니 다.==</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">=====================================================*/</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">var positions = [</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">    {</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">        title: '고수부지', </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">        latlng: new daum.maps.LatLng(37.51004869993811, 126.96425889011286),</span></p><p><span class="Apple-tab-span" style="white-space: pre; color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">		</span><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">content: '<div class="wrap">' + </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '    <div class="info">' + </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '        <div class="title">' + </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '            고수부지 화장실' + </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '            <div class="close" xxxxxxxxxxonclick="closeOverlay()" title="닫기"></div>' + </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '        </div>' + </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '        <div class="body">' + </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '            <div class="img">' +</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);"> 
           '                <img 
src="<a href="<a href="http://cfile181.uf.daum.net/image/250649365602043421936D" target="_blank" rel="noopener noreferrer">http://cfile181.uf.daum.net/image/250649365602043421936D</a>"><a href="http://cfile181.uf.daum.net/image/250649365602043421936D" target="_blank" rel="noopener noreferrer">http://cfile181.uf.daum.net/image/250649365602043421936D</a></a>" 
width="73" height="70">' +</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '           </div>' + </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '            <div class="desc">' + </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '                <div class="ellipsis">동작구 현충로10길 42</div>' + </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '                <div class="jibun ellipsis">(우) 63309 (지번) 흑석동 1111</div>' + </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '                <div><a href="#" target="_blank" class="link">찾기</a></div>' + </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '            </div>' + </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '        </div>' + </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '    </div>' +    </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '</div>'</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">    },</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">   {</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">        title: '중앙대 병원', </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">        latlng: new daum.maps.LatLng(37.502735953860046, 126.9783086192915),</span></p><p><span class="Apple-tab-span" style="white-space: pre; color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">		</span><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">content: '<div class="wrap">' + </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '    <div class="info">' + </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '        <div class="title">' + </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '            중앙대 병원 화장실' + </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '            <div class="close" xxxxxxxxxxonclick="closeOverlay()" title="닫기"></div>' + </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '        </div>' + </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '        <div class="body">' + </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '            <div class="img">' +</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);"> 
           '                <img 
src="<a href="<a href="http://cfile181.uf.daum.net/image/250649365602043421936D" target="_blank" rel="noopener noreferrer">http://cfile181.uf.daum.net/image/250649365602043421936D</a>"><a href="http://cfile181.uf.daum.net/image/250649365602043421936D" target="_blank" rel="noopener noreferrer">http://cfile181.uf.daum.net/image/250649365602043421936D</a></a>" 
width="73" height="70">' +</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '           </div>' + </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '            <div class="desc">' + </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '                <div class="ellipsis">동작구 현충로10길 42</div>' + </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '                <div class="jibun ellipsis">(우) 63309 (지번) 흑석동 1111</div>' + </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '                <div><a href="#" target="_blank" class="link">찾기</a></div>' + </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '            </div>' + </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '        </div>' + </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '    </div>' +    </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '</div>'</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">    },</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">    {</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">        title: '공원', </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">        latlng: new daum.maps.LatLng(37.50957760010893, 126.95656803851037),</span></p><p><span class="Apple-tab-span" style="white-space: pre; color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">		</span><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">content: '<div class="wrap">' + </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '    <div class="info">' + </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '        <div class="title">' + </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '            공원 화장실' + </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '            <div class="close" xxxxxxxxxxonclick="closeOverlay()" title="닫기"></div>' + </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '        </div>' + </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '        <div class="body">' + </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '            <div class="img">' +</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);"> 
           '                <img 
src="<a href="<a href="http://cfile181.uf.daum.net/image/250649365602043421936D" target="_blank" rel="noopener noreferrer">http://cfile181.uf.daum.net/image/250649365602043421936D</a>"><a href="http://cfile181.uf.daum.net/image/250649365602043421936D" target="_blank" rel="noopener noreferrer">http://cfile181.uf.daum.net/image/250649365602043421936D</a></a>" 
width="73" height="70">' +</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '           </div>' + </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '            <div class="desc">' + </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '                <div class="ellipsis">동작구 현충로10길 42</div>' + </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '                <div class="jibun ellipsis">(우) 63309 (지번) 흑석동 1111</div>' + </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '                <div><a href="#" target="_blank" class="link">찾기</a></div>' + </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '            </div>' + </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '        </div>' + </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '    </div>' +    </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">            '</div>'</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">    }</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">];</span></p><p> </p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">// 마커 이미지의 이미지 주소입니다</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">var imageSrc = "<a href="<a href="http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/markerStar.png" target="_blank" rel="noopener noreferrer">http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/markerStar.png</a>"><a href="http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/markerStar.png" target="_blank" rel="noopener noreferrer">http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/markerStar.png</a></a>"; </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">    </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">// 마커 이미지의 이미지 크기 입니다</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">var imageSize = new daum.maps.Size(24, 35); </span></p><p> </p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">// 마커 이미지를 생성합니다    </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">var markerImage = new daum.maps.MarkerImage(imageSrc, imageSize); </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">    </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">for (var i = 0; i < positions.length; i ++) {</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">    // 마커를 생성합니다</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">    var pjmarker = new daum.maps.Marker({</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">        map: map, // 마커를 표시할 지도</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">        position: positions[i].latlng, // 마커를 표시할 위치</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">        title : positions[i].title, // 마커의 타이틀, 마커에 마우스를 올리면 타이틀이 표시됩니다</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">      </span><span class="Apple-tab-span" style="white-space: pre; color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">	</span><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">zIndex: 3,</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">        image : markerImage // 마커 이미지 </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">    });</span></p><p><span class="Apple-tab-span" style="white-space: pre; color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">	</span>//커스텀 오버레이 </p><p><span class="Apple-tab-span" style="white-space: pre; color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">	</span><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">var playjoin = new daum.maps.CustomOverlay({</span></p><p><span class="Apple-tab-span" style="white-space: pre; color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">		</span><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">map: map,</span></p><p><span class="Apple-tab-span" style="white-space: pre; color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">		</span><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">clickable: true,</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">      </span><span class="Apple-tab-span" style="white-space: pre; color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">	</span><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">position: positions[i].latlng,</span></p><p><span class="Apple-tab-span" style="white-space: pre; color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">		</span><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">content: positions[i].content,</span></p><p><span class="Apple-tab-span" style="white-space: pre; color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">		</span><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">xAnchor: 0.5,</span></p><p><span class="Apple-tab-span" style="white-space: pre; color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">		</span><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">yAnchor: 1,</span></p><p><span class="Apple-tab-span" style="white-space: pre; color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">		</span><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">zIndex: 2</span></p><p><span class="Apple-tab-span" style="white-space: pre; color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">	</span><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">});</span></p><p style="line-height: 19.2px;"><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">      playjoin.setMap(null);</span></p><p style="line-height: 19.2px;"><span class="Apple-tab-span" style="white-space: pre; color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">	</span><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">  </span></p><p style="line-height: 19.2px;"><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">    daum.maps.event.addListener(pjmarker, 'click', function() {</span></p><p style="line-height: 19.2px;"><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">      playjoin.setMap(map);</span></p><p style="line-height: 19.2px;"><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">    });</span></p><p style="line-height: 19.2px;"><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">  </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">}</span></p><p> </p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">function closeOverlay() {</span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">    playjoin.setMap(null);     </span></p><p><span class="Apple-tab-span" style="white-space: pre; color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">	</span><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">}</span></p><p> </p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);">// 커스텀 오버레이를 닫기 위해 호출되는 함수입니다 </span></p><p><span style="color: rgb(53, 53, 53); background-color: rgb(250, 244, 192);"></script></span></p><p>