닫기
이전 다음

NOTICE

새로움을 향한 설.레.임

홈페이지에 네이버맵 삽입하기

페이지 정보

작성자 홈피사랑 작성일12-06-28 12:16 조회3,172회 댓글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>

  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기

댓글목록

등록된 댓글이 없습니다.

홈피사랑 제공서비스

  • 홈피사랑 홈페이지제작 1.웹표준, 크로스브라우징 지원

    웹표준, 크로스브라우징 지원

    IE, 크롬, 사파리,파이어폭스 등 어떤 브라우저에서도 동일하게 홈페이지가 보여질 수 있도록 제작됩니다.

  • 홈피사랑 홈페이지제작 2.호스팅/도메인 1년 무상지원

    호스팅/도메인 1년 무상지원

    기본형 호스팅,도메인 1년 무상지원

  • 홈피사랑 홈페이지제작 3.원본파일제공

    원본파일제공

    추후 수정 및 유지관리가 용이하도록 제작완료 후 홈페이지 소스를 제공합니다.

  • 홈피사랑 홈페이지제작 4.검색등록 무료지원

    검색등록 무료지원

    네이버,다음 사이트 및 지역검색 등록 지원 및 노출 키워드제안(협의후)