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

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

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

2018.01.29 17:01:35 2266 (115.♡.♡.15)

답변 1

본문

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

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

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

구글링 해서 알아낸 결과는

<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사용하기 체크후 붙여놓으면 아무런 반응이 없더라구요;;;

방법이 있을까요???

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

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