아무리 찾아봐도 해결방법을 모르겠어요.

XE CORE 1.7.5.5 버젼이고요

게시판 메뉴타입 : 외부 페이지

-> 상세설정 -> 외부문서 연결(gido.html)

gido.html

<style type="text/css">

  v\:* { behavior: url(#default#VML); }

  *{margin:0;padding:0}

  li{list-style:none}

  .tabContainer{position:relative;width:100%;margin:20px auto;border:1px solid red}

#tab li a{position:absolute;left:0;display:block;width:50px;height:100px;

color:#fff;background:orange;text-align:center}

#tab li a.on{background:#0099ff}

#tab li a.tabBtn1{top:0}

#tab li a.tabBtn2{top:100px}

#testMap,#tab1{width:600px; height:500px;display:block;

  margin:0 auto;border:1px solid #000}

  </style>

  <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

   <!-- prevent IE6 flickering -->

  <script type="text/javascript">

   try {document.execCommand('BackgroundImageCache', false, true);} catch(e) {}

  </script>

 

<script type="text/javascript" src="http://openapi.map.naver.com/openapi/naverMap.naver?ver=2.0&key=3432a914715cffacd73d3f06d7e6b912"></script>

 <div class="tabContainer">

<ul id="tab">

<li><a href="#" class="tabBtn1 on">메뉴1</a></li>

<li><a href="#" class="tabBtn2">지도</a></li>

</ul>

<div id="tab1" class="tab" >일반내용페이지</div>

<div id = "testMap" class="tab"></div>

 </div><!-- tabContainer 종료 -->

 <script type="text/javascript">

   var oPoint = new nhn.api.map.LatLng(37.6498086,127.0617673); 

   nhn.api.map.setDefaultPoint('LatLng');

   oMap = new nhn.api.map.Map('testMap', {

      center : oPoint,

      level : 10, // - 초기 줌 레벨은 10이다.

      enableWheelZoom : true,

      enableDragPan : true,

      enableDblClickZoom : false,

      mapMode : 0,

      activateTrafficMap : false,

      activateBicycleMap : false,

      activateRealtyMap : true,

      minMaxLevel : [ 1, 14 ],

      size : new nhn.api.map.Size(500, 400)

   });

   var mapZoom = new nhn.api.map.ZoomControl(); // - 줌 컨트롤 선언

   mapZoom.setPosition({right:10, bottom:10}); // - 줌 컨트롤 위치 지정.

   var trafficButton = new nhn.api.map.TrafficMapBtn(); // - 실시간 교통지도 버튼 선언

trafficButton.setPosition({top:5, right:5}); // - 실시간 교통지도 버튼 위치 지정

mapTypeChangeButton = new nhn.api.map.MapTypeBtn(); // - 지도 타입 버튼 선언

mapTypeChangeButton.setPosition({top:5, left:5}); // - 지도 타입 버튼 위치 지정

    oMap.addControl(mapZoom); // - 줌 컨트롤 추가.

oMap.addControl(mapTypeChangeButton);

oMap.addControl(trafficButton);

   var oSize = new nhn.api.map.Size(28, 37);

   var oOffset = new nhn.api.map.Size(14, 37);

   var oIcon = new nhn.api.map.Icon('http://static.naver.com/maps2/icons/pin_spot2.png', oSize, oOffset);

   // - Draggable Marker 의 경우 Icon 인자는 Sprite Icon이 된다.

   // - 따라서 Sprite Icon 을 사용하기 위해 기본적으로 사용되는 값을 지정한다.

   // - Sprite Icon 을 사용하기 위해서 상세한 내용은 레퍼런스 페이지의 nhn.api.map.SpriteIcon 객체를 참조하면 된다.

   

var oMarker1 = new nhn.api.map.Marker(oIcon, { title : '표시 위치' });  //마커 생성 

oMarker1.setPoint(oPoint); //마커 표시할 좌표 선택

oMap.addOverlay(oMarker1); //마커를 지도위에 표현 

var oLabel1 = new nhn.api.map.MarkerLabel(); // - 마커 라벨 선언. 

oMap.addOverlay(oLabel1); // - 마커 라벨 지도에 추가. 기본은 라벨이 보이지 않는 상태로 추가됨. 

oLabel1.setVisible(true, oMarker1); // 마커 라벨 보이기 

  </script>

  <script type="text/javascript">

jQuery(function($){

$('#testMap').hide()

$('#tab>li>a').eq(0).on('click',function(){

$('.tabContainer .tab').hide()

$('#tab1').show()

$('#tab>li>a').removeClass('on')

$(this).addClass('on')

})

$('#tab>li>a').eq(1).on('click',function(){

$('.tabContainer .tab').hide()

$('#testMap').show()

$('#tab>li>a').removeClass('on')

$(this).addClass('on')

})

})

  </script>

이렇게 해서 올렸는데요.   디폴트 레이아웃에서조차 네이버 맵이 연동이 안되고

맵 틀만 나옵니다.  당연히 키는 제대로 입력했고요

외부 문서가 아니라 레이아웃 자체적으로 코딩해서 올려보면 그때는 잘 나오거든요??

외 이럴까요.