그누보드 QA - 그누보드 게시판 안에 구글 지도(마커포함) 넣을수 있나요?

그누보드 게시판 안에 구글 지도(마커포함) 넣을수 있나요?

지우파파 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2018.01.29 17:01:35 조회 2046 (115.♡.♡.15)

본문

우선 클릭해주셔서 감사합니다.

오늘도 날씨가 많이 춥네요.

다름이 아니오라 게시판안에 구글 지도를 넣을수 없을까요???

구글링 해서 알아낸 결과는

<head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <title>구글맵 API 활용하기</title>
    <script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
    <script>
        function initialize() {
            /*
                http://openapi.map.naver.com/api/geocode.php?key=f32441ebcd3cc9de474f8081df1e54e3&encoding=euc-kr&coord=LatLng&query=서울특별시 강남구 강남대로 456
                위의 링크에서 뒤에 주소를 적으면 x,y 값을 구할수 있습니다.
            */
            var Y_point            = 35.87110100714382;        // Y 좌표
            var X_point            = 128.60169690333006;        // X 좌표
            var zoomLevel        = 16;                        // 지도의 확대 레벨 : 숫자가 클수록 확대정도가 큼
            var markerTitle        = "위즈소프트";                // 현재 위치 마커에 마우스를 오버을때 나타나는 정보
            var markerMaxWidth    = 300;                        // 마커를 클릭했을때 나타나는 말풍선의 최대 크기
            // 말풍선 내용
            var contentString    = '<div>' +
            '<h2>위즈소프트</h2>'+
            '<p>위즈소프트는 WEB Agency & SI 분야에서 10년 이상의 풍부한 경험을 보유한<br />' +
            '전문 인력으로 구성된 E-Business 전문 기업입니다.</p>' +
            //'<a href="http://www.daegu.go.kr" target="_blank">http://www.daegu.go.kr</a>'+ //링크도 넣을 수 있음
            '</div>';
            var myLatlng = new google.maps.LatLng(Y_point, X_point);
            var mapOptions = {
                                zoom: zoomLevel,
                                center: myLatlng,
                                mapTypeId: google.maps.MapTypeId.ROADMAP
            }
            var map = new google.maps.Map(document.getElementById('map_view'), mapOptions);
            var marker = new google.maps.Marker({
                                                    position: myLatlng,
                                                    map: map,
                                                    title: markerTitle
            });
            var infowindow = new google.maps.InfoWindow(
                                                        {
                                                            content: contentString,
                                                            maxWidth: markerMaxWidth
                                                        }
            );
            google.maps.event.addListener(marker, 'click', function() {
                infowindow.open(map, marker);
            });
        }
    </script>
</head>
<body onload="initialize()">
    <div id="map_view" style="width:500px; height:300px;"></div>
</body>

입니다.

그런데 이게 html 문서로 되어 있더라구요;;;

해드와 해드 사이에 <script src="https://maps.googleapis.com/maps/api/js?sensor=false">

이렇게 한줄 삽입은 어찌어찌 해놨습니다.

다음이 문제인데요.

그대로 긁어서 게시판에서 html사용하기 체크후 붙여놓으면 아무런 반응이 없더라구요;;;

방법이 있을까요???

그누보드 회원님들 덕분에 하나하나 알아 갑니다. 항상 고맙게 생각합니다.

오늘도 좋은 하루 보내시고 항상 건강하셔요!!!!