네이버와 구글 지도를 겹쳐서 볼수 있게 변형된 소스 입니다.
이제서야 오류 확인했습니다.
필요한 JS파일을 내부망에 두고 올렸네요..지금은 정상 작동합니다.
http://webjoy.kr 로 접근하신 분은
http://mystop.tistory.com/599 으로 다시 접근하시기 바랍니다.
API키를 mystop.tistory.com 도메인으로 받아서 그렇습니다.
구글은 사이트 단위로 발급하며
네이버는 네이버 아이디 단위로 발급함
소스
<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>
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&v=2&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>
'WEB > Google' 카테고리의 다른 글
| 내 도메인으로 Gmail계정 만들기 및 구글 APP 사용하기 (0) | 2007/10/20 |
|---|---|
| 네이버 지도 & 구글 지도 크로스 동시에 보기 (2) | 2007/06/28 |
| 무료로 제공되는 막강한 구글(Google) 소프트웨어 패키지 (0) | 2007/06/27 |
| 야후! 무제한 용량 이메일 전회원에게 지원 (0) | 2007/06/21 |




최근에 달린 댓글
링크
최근에 받은 트랙백
태그목록