홈페이지에 네이버맵 삽입하기
페이지 정보
작성자 홈피사랑 작성일12-06-28 12:16 조회5,283회 댓글0건관련링크
본문
<좌표 얻기>
http://map.naver.com/api/geocode.php?key=api지도키&encoding=utf-8&coord=tm128&query=주소
<지도삽입소스>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>지도 테스트</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
</HEAD>
<BODY>
<scRIPT type="text/javascript" src="http://map.naver.com/js/naverMap.naver?key=키값"></scRIPT>
<div id='mapContainer' style='width:100%;height:300px' onmousewheel="m_move();"></div>
<??>
<scRIPT LANGUAGE="Javascript">
<!--
function m_move(delta){
var delta = 0;
if(!event){event = window.event;}
if (event.wheelDelta){delta = event.wheelDelta/120;}
if (window.opera){delta = -delta;}
if (delta){handle(delta);}
if (event.preventDefault){
event.preventDefault();
event.returnValue = false;
}
if (window.addEventListener){
window.addEventListener('DOMMouseScroll', wheel, false);
window.onmousewheel = document.onmousewheel = wheel;
}
function handle(delta) {
if (delta < 0)
mapObj.zoomOut();
else
mapObj.zoomIn();
}
}
//var opts = {width:'300', height:'300', mapMode:0}; // 크기 및 지도 모드<0:지도보기, 1:겹쳐보기, 2:위성사진>
var opts = {mapMode:0};
//var objMap = new NMap(document.getElementById('mapContainer'),opts);
var mapObj = new NMap(document.getElementById('mapContainer'),opts);
var x = "315566"; // x축 위치
var y = "542500"; // x축 위치
var nPoint = new NPoint(x,y);
mapObj.setCenterAndZoom(new NPoint(x,y),1); // 좌표<(주) 인포큐브 좌표> 및 확대 단계
var zoom = new NZoomControl();
zoom.setAlign("right");
zoom.setValign("top");
mapObj.addControl(zoom);
var mapBtns = new NMapBtns();
mapBtns.setAlign("right");
mapBtns.setValign("top");
mapObj.addControl(mapBtns);
var regFlag = false;
function addClick()
{
if (!regFlag)
{
NEvent.addListener(mapObj,"click",clicked);
regFlag = true;
}
}
function removeClick()
{
NEvent.removeListener(mapObj,"click",clicked);
regFlag = false;
}
function clicked(pos)
{
alert(pos+" clicked");
}
var marker = new NMark(nPoint,new NIcon("/m/images/sss.gif",new NSize(102,50)));
var infowin = new NInfoWindow();
mapObj.addOverlay(infowin);
infowin.showWindow();
mapObj.addOverlay(marker);
//-->
</scRIPT>
</BODY>
</HTML>
댓글목록
등록된 댓글이 없습니다.
