<%
/**
 * <pre>
 * @Class Name : selectNCultureLocationInfo.jsp
 * 
 * @Description : 찾아오시는길 조회 
 * 
 * 
 * @프로젝트명: 지방문화원 통합자료관리시스템 구축사업 (2021)
 *
 * </pre>
 *
 * @ ------------    --------    ---------------------------
 * @ 수정일                           수정자                 수정내용
 * @ ------------    --------    ---------------------------
 * @ 2021. 7. 27.    KNKIM       최초 생성
 *
 * 
 * @author 이씨플라자 * DIGITALSHIP KNKIM
 * @since 2021. 7. 27.
 * @version 1.0
 *
 */
 %>
<%@ page language="java" contentType="text/html; charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %><%@taglib prefix="spring" uri="http://www.springframework.org/tags"%>

<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator" %>

<c:set var="pageTitle">찾아오시는길 </c:set>

<!DOCTYPE html>
<html>
<head>
<title>${pageTitle}</title>
</head>
<body>

<h1>${pageTitle }</h1>

<a href="javascript:void(0);" onclick="openPopup('${pageContext.request.contextPath}/inform/selectNCultureLocationInfoPopup.do','_SPPOP',700, 600)">샘플팝업</a>

<div id="informContent" name="informContent" style="width: 100%; border:1px solid gray;">
${informContent }
</div>

<br>
${zipCode }<br>
${addr1 }<br>
${addr2 }<br>
${telNo }<br>
${faxNo }<br>

<br>

            <section class="list-box">
                <div class="title">
                    <h2>네이버 맵</h2>
                </div>
                <div id="map" style="width:80%;height:300px;"></div>
            </section><!-- //위치정보 -->
            <script src="https://openapi.map.naver.com/openapi/v3/maps.js?ncpClientId=532wx3i985"></script>
            <script> 
                function initMap() {
                    var lon = "${longitude}";
                    var lat = "${latitude}";
                    var map = new naver.maps.Map(
                            document.getElementById('map'),
                            {
                                useStyleMap: true, // 신규 맵 타일(StyleMap)으로 전환 (2019.12.20)
                                mapDataControl:false,
                                draggable: true,
                                mapTypeControl: false,
                                mapTypeControlOptions: {
                                    style: naver.maps.MapTypeControlStyle.BUTTON,
                                    position: naver.maps.Position.TOP_LEFT
                                },
                                mapTypeId: naver.maps.MapTypeId.NORMAL,
                                zoomControl: false,
                                zoomControlOptions: {
                                    style: naver.maps.ZoomControlStyle.SMALL,
                                    position: naver.maps.Position.TOP_LEFT
                                },
                                zoom: 15,
                                minZoom: 5,
                                maxZoom: 20,
                                scaleControl: true,
                                scaleControlOptions: {
                                    position: naver.maps.Position.LEFT_BOTTOM
                                },
                                logoControl: false,
                                logoControlOptions: {
                                    position: naver.maps.Position.TOP_LEFT
                                },
                                mapDataControl: false,
                                mapDataControlOptions: {
                                    position: naver.maps.Position.BOTTOM_LEFT
                                },
                                keyboardShortcuts : false,
                            }
                        );
                    var marker = new naver.maps.Marker({
                            position: new naver.maps.Point(lon, lat),
                            map: map
                        });
                    map.setCenter(new naver.maps.Point(lon,lat));
                } 
                initMap();
            </script>

&nbsp;<br/>

</body>
</html>
