테스트 사이트 - 개발 중인 베타 버전입니다
SIR

네이버 지도 api (추가기능 휠로 확대 축소) // 20110218 수정

Terrorboys　
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 14년 전 · 7112 · 10
기능은 마우스 휠로 축소/ 확대/ 마크업기능 추가 해둔상태구요.
모바일 빌더용으로 만들어 둔것을 끌어다가 찾아오기에 넣으려고 수정해둔상태입니다.
쓰실분만 쓰세요.
ps. 소스로 인한 에러, 기타등의 책임은 안집니다. 알아서 잘... 개조하시든지 그냥 쓰시든지 하세요.
ps2. 아직 맵이 마우스를 따라 다니는 버그를 수정못했습니다. 현제 문제점에 대하여 네이버 개발 센터에 문의해둔상태입니다.


<!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=7aa8528bd7a7452130ecefaa121333b7"></SCRIPT>
<div id='mapContainer' style='width:600px;height:400px' onmousewheel="m_move();"></div>
<?/*
<button onclick=addClick()>click event 등록</button><button onclick=removeClick()>click event 제거</button><br />

<button onclick='mapObj.pan(0,100)'><font size="20pt">▲</font></button>&nbsp;&nbsp;
<button onclick='mapObj.pan(0,-100)'><font size="20pt">▼</font></button>&nbsp;&nbsp;
<button onclick='mapObj.pan(-100,0)'><font size="20pt">◀</font></button>&nbsp;&nbsp;
<button onclick='mapObj.pan(100,0)'><font size="20pt">▶</font></button>&nbsp;&nbsp;

<button onclick='mapObj.zoomIn()'><font size="7pt">확대</font></button>&nbsp; &nbsp;
<button onclick='mapObj.zoomOut()'><font size="7pt">축소</font></button><p>

<button onclick='mapObj.setZoom(1)'><font size="5pt">1</font></button>
<button onclick='mapObj.setZoom(2)'><font size="5pt">2</font></button>
<button onclick='mapObj.setZoom(3)'><font size="5pt">3</font></button>
<button onclick='mapObj.setZoom(4)'><font size="5pt">4</font></button>
<button onclick='mapObj.setZoom(5)'><font size="5pt">5</font></button>
<button onclick='mapObj.setZoom(6)'><font size="5pt">6</font></button>
*/?>
<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 = "300390"; // x축 위치
  var y = "284259"; // 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("<?=$g4[path]?>/module/map/icos_free_a.gif",new NSize(15,14)));
var infowin = new NInfoWindow();
var text = new NPoint(300320,284230);
infowin.set(text, "&nbsp;<font color=green size=3><b>(주) 인포큐브</b></font>");
mapObj.addOverlay(infowin);
infowin.showWindow();
mapObj.addOverlay(marker);

//-->
</SCRIPT>

</BODY>
</HTML>


// 20110218 수정 합니다. 수정내용은 지도객체 클릭시 마우스 따라다니는 현상 패치입니다.

수정 내용.
소스 중간에
var objMap = new NMap(document.getElementById('mapContainer'),opts);
주석 처리.
목록
이전글 다음글

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 10개

Terrorboys　
프로필 보기이 회원 글보기이 회원의 댓글보기
 14년 전
^^ ㅅ ㅣ ㅂ ㅁ ㅏ
ㅡ ㄹ ㅜ ㄴ
ㄴ
아침안개
프로필 보기이 회원 글보기이 회원의 댓글보기
 14년 전
팁 감사합니다
바다로가는길
프로필 보기이 회원 글보기이 회원의 댓글보기
 14년 전
현제 우리동네로 죄표값은 어떻게 구하나요?
Terrorboys　
프로필 보기이 회원 글보기이 회원의 댓글보기
 14년 전
아 좌표 구하는법을 안 알려드렸군요.
소스 자체적으로 좌표를 구하는것이 있지만 보다 정확한 방법을 위하여
http://map.naver.com/api/geocode.php?key=api지도키&encoding=utf-8&coord=tm128&query=주소
로 하여 나오는 xml페이지에서 x값과 y값을 보시면됩니다.
바다로가는길
프로필 보기이 회원 글보기이 회원의 댓글보기
 14년 전
허걱 그세 답변을 ...동시 글을썻엇군요..
위 게시글 수정 하려니 안되서 왜 그랬나 햇더니..ㅋㅋ
바다로가는길
프로필 보기이 회원 글보기이 회원의 댓글보기
 14년 전
알아넸습니다.
네이버 api센타에 있는것도 모르고 여기저기 검색했으니..
http://map.naver.com/api/geocode.php?key=test&encoding=utf-8&coord=tm128&query=경기도성남시정자1동25-1

key=test <= 키 입력하시고 마지막에 주소쓰고 엔터..ㅠㅠ
Terrorboys　
프로필 보기이 회원 글보기이 회원의 댓글보기
 14년 전
수정하였습니다. 수정된 소스로 사용바랍니다.
도룡이
프로필 보기이 회원 글보기이 회원의 댓글보기
 14년 전
어렵지만... 먼가 재밌다... 키키킼
웹디기리
프로필 보기이 회원 글보기이 회원의 댓글보기
 14년 전
와 좋다~~ 기능도 많이 추가되고 좋네요~ 잘 쓸께요~%%

게시판 목록

그누4 팁자료실

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.
글쓰기

내가 쓴 글을 최신글로 업데이트 [5]

엘남매아빠
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

갤러리 게시판 리스트에서 사진 클릭시 바로 사이트 이동 [6]

탈환대
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

모바일에서 동영상 재생하기 [1]

엘남매아빠
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

에디터 사용시 임시파일 관리하는 방법 [10]

장장훈파파
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

게시글에 IP 일괄 삭제하고, 저장하지 않기 [2]

해피정
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

Cheditor 5.1 업데이트 후 내 PC 사진 추가 버튼이 없어지는 경우

흰흰발톱
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

CHEDITOR5.1 업데이트후 내PC사진 작동이 오작동할때 파일 찾아 봤습니다.

제로나라
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

head파일 하나로 홈페이지 만들기.. [2]

엘남매아빠
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

서버 이전후 로그인 문제 해결법 [1]

ssaintbe
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

정적인 손님의 작은팁 하나 - 그누보드 4.37.05 UTF-8 영문버젼 [4]

정적인손님
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

그누보드4 에서 <Script> 미작동시 확인할 사항

Remoted
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

악성스크립검색하는 파일입니다. [5]

ssahara
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

회원가입후 24시간 카운트 다운(정회원 가입)

커커네드커네드
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

카테고리 깔끔하게 가로로 나열하기 [6]

ideaman
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

회원레벨별 게시일로 부터 설정 기간 경과 후 게시물 읽기

사사노라가노라
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

빌더사용시 글쓰기에 "Home > 메인타이틀>서브타이틀" 이 표시안되는 분들만 보세요.

유승종
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

관리자 여분필드 사용 / 회원가입 차단 [8]

탈탈리온
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

스크롤 배너 넣는 간단한 소스, 익스,파폭

오근이
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

넘어오는 POST값이 너무 많을경우 [3]

미미남시
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

PHP 엑셀다운로드 시 한글 깨질 경우

다다케미카코
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전
🐛 버그신고