태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.
페이지를 읽고 있습니다. ( 아쿠아바다's Blog )
분류 전체보기 (769)
쉐어포인트 (24)
Exchange (12)
SQL (121)
XML (36)
WEB (294)
O / S (97)
삶의향기 (162)
기획 (19)
RSS 피드(IE 7.0부터 기본 지원됩니다. 이전 버전 사용자는 접합한 툴을 사용하세요!!)

네이버와 구글 지도를 겹쳐서 볼수 있게 변형된 소스 입니다.

이제서야 오류 확인했습니다.
필요한 JS파일을 내부망에 두고 올렸네요..지금은 정상 작동합니다.

http://webjoy.kr 로 접근하신 분은
http://mystop.tistory.com/599  으로 다시 접근하시기 바랍니다.

API키를 mystop.tistory.com 도메인으로 받아서 그렇습니다.


| 구글/네이버 지도 겹쳐보기 |


구글 맵과 네이버 맵 API를 사용하기 위해서는 API KEY를 발급 받아야 한다.
구글은 사이트 단위로 발급하며
네이버는 네이버 아이디 단위로 발급함




소스

<div id="mapspace" style="text-align:center;width: 100%; height: 100%">
 <input type="button" value="지도보기" onclick="viewNaver();" />
 <input type="button" value="위성사진" onclick="viewGoogle();" />
 <input type="button" value="둘다보기" onclick="viewHybrid();" />
 <div style="width: 100%; height: 720px;margin-top:10px;border:solid 10px #dddddd;position:relative;">
  <div style="width: 100%; height: 700px;dispaly:;position:absolute;left:0;top:0;z-index:10;" id="nmap"></div>
  <div style="width: 100%; height: 700px;dispaly:;position:absolute;left:0;top:0;z-index:9;" id="gmap"></div>
 </div>
</div>


 

 <!--script type="text/javascript" // 원본 파일 링크입니다.
src="http://www.vricks.com/API/lib/geocent.js"></script>
 <script type="text/javascript" src="http://www.vricks.com/API/lib/tmerc.js"></script>
 <script type="text/javascript" src="http://www.vricks.com/API/lib/cscs.js"></script>
 <script type="text/javascript" src="http://www.vricks.com/API/lib/defs/GOOGLE_WGS84.js"></script>
 <script type="text/javascript" src="http://www.vricks.com/API/lib/defs/TM128_katech_3param.js"></script-->


 <script type="text/javascript" src="http://www.advantech.co.kr/company/map/geocent.js"></script>
 <script type="text/javascript" src="http://www.advantech.co.kr/company/map/tmerc.js"></script>
 <script type="text/javascript" src="http://www.advantech.co.kr/company/map/cscs.js"></script>
 <script type="text/javascript" src="http://www.advantech.co.kr/company/map/GOOGLE_WGS84.js"></script>
 <script type="text/javascript" src="http://www.advantech.co.kr/company/map/TM128_katech_3param.js"></script>


 

 <!--정상적으로 사이트별 키를 발급받아야 함
 네이버 - http://openapi.naver.com/page.nhn
 구글 - http://www.google.com/apis/maps/
 
 -->

 <script type="text/javascript" src="http://maps.naver.com/js/naverMap.naver?key=a68d981d6a6e7f89eaafafad0fb55244"></script>
 <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAMIno38k6aCfhAWdcW6y49RSfqxDq5ZRfptc0_jaIoaz_GNZJdBTKnx82BEWTIdm921kotlqkwIeCqA" type="text/javascript"></script>
 <script src="http://www.google.com/uds/api?file=uds.js&v=1.0&source=uds-msw&key=ABQIAAAADSZdf4DR2w97yHXZd79IixQC7rXbaTeHxhxMrp5AgWXUfY0ohRSzjlQ7vo6-oBESbk-K1UzL4TI6wA" type="text/javascript"></script>

 <script type="text/javascript">
  var x = 304734;
  var y = 550195;
  var z = 5;
  var t = "naver";
  var ent = false;

  var TM128_naver = new CS(csList.TM128_katech_3param);
  var WGS84_google = new CS(csList.GOOGLE_WGS84);
  var nmap = null;
  var gmap = null;
 
 


  function viewNaver() {
   if(t == "hybrid") {
    var img = document.getElementById("nmap").getElementsByTagName("img");
    for(var i = 0; i < img.length; i++) {
     if(document.all) {
      img[i].style.filter = "alpha(opacity:100)";
     }
     else {
      img[i].style.opacity = "1";
     }
    }
    NEvent.removeListener(nmap, "drag", moveGoogle);
    NEvent.removeListener(nmap, "mousedown", moveGoogle);
    ent = false;
   }
   if(t != "naver") {
    x = gmap.getCenter().x;
    y = gmap.getCenter().y;
    var point = new PT(x, y);
    cs_transform(WGS84_google, TM128_naver, point);
    x = Math.round(point.x);
    y = Math.round(point.y);
    z = g2n(gmap.getZoom());
    t = "naver";
    ent = false;
    nmap.setCenterAndZoom(new NPoint(x, y), z);
    document.getElementById("nmap").style.zIndex = 10;
    document.getElementById("gmap").style.zIndex = 9;
   }
  }
  function printNaver() {
   var mw = document.body.clientWidth-76;
   var mh = 700;
   nmap = new NMap(document.getElementById("nmap"), mw, mh);
  
   nmap.setCenterAndZoom(new NPoint(x, y), z);
   var nzoom = new NZoomControl();
   nzoom.setAlign("left");
   nzoom.setValign("top");
   nmap.addControl(nzoom);
   return;
  }

  function viewGoogle() {
   if(t == "hybrid") {
    var img = document.getElementById("nmap").getElementsByTagName("img");
    for(var i = 0; i < img.length; i++) {
     if(document.all) {
      img[i].style.filter = "alpha(opacity:100)";
     }
     else {
      img[i].style.opacity = "1";
     }
    }
    NEvent.removeListener(nmap, "drag", moveGoogle);
    NEvent.removeListener(nmap, "mousedown", moveGoogle);
    ent = false;
   }
   if(t != "google") {
    x = nmap.getCenter().x;
    y = nmap.getCenter().y;
    var point = new PT(x, y);
    cs_transform(TM128_naver, WGS84_google, point);
    x = point.x;
    y = point.y;
    z = n2g(nmap.getZoom());
    t = "google";
    if(gmap == null) {
     printGoogle();
    }
    gmap.setCenter(new GLatLng(y, x), z);
    gmap.setMapType(G_SATELLITE_TYPE);
    document.getElementById("nmap").style.zIndex = 9;
    document.getElementById("gmap").style.zIndex = 10;
   }
  }
  function printGoogle() {
   if (GBrowserIsCompatible()) {
    gmap = new GMap2(document.getElementById("gmap"));
    gmap.addControl(new GLargeMapControl());
   }
   return;
  }
  function moveGoogle() {
   x = nmap.getCenter().x;
   y = nmap.getCenter().y;
   var point = new PT(x, y);
   cs_transform(TM128_naver, WGS84_google, point);
   x = point.x;
   y = point.y;
   z = n2g(nmap.getZoom());
   gmap.setCenter(new GLatLng(y, x), z);
  }


  function viewHybrid() {
   if(t == "naver")
    viewGoogle();
   else if(t == "google")
    viewNaver();
   printHybrid();
  }
  function printHybrid() {
   if(t != "hybrid") {
    document.getElementById("nmap").style.zIndex = 10;
    document.getElementById("gmap").style.zIndex = 9;
    var img = document.getElementById("nmap").getElementsByTagName("img");
    for(var i = 0; i < img.length; i++) {
     if(document.all) {
      img[i].style.filter = "alpha(opacity:50)";
     }
     else {
      img[i].style.opacity = "0.5";
     }
    }
    t = "hybrid";
    NEvent.addListener(nmap, "drag", moveGoogle);
    NEvent.addListener(nmap, "mousedown", moveGoogle);
    ent = true;
   }
   return;
  }

  function n2g(s) {
   if(s == 1)
    return 17;
   else
    return n2g(s-1) - 1;
  }
  function g2n(s) {
   if(s > 17) s = 17;
   if(s < 7) s = 7;
   if(s == 17)
    return 1;
   else
    return g2n(s+1) + 1;
  }

  printNaver();

 </script>


좀더 흥미로운 내용이 많이 있습니다.. HOME > WEB/Google를 확인하세요
0 Trackback, 2 Comment, :
1  ... 171 172 173 174 175 176 177 178 179  ... 769 
Statistics Graph
Total : 557,403 Today : 33