본문 바로가기
블러그 관련

Naver 지도 API 연동

by WebHack 2009. 4. 3.
http://dev.naver.com/openapi/apis/map/javascript

위에 주소를 참조해서 밑에 소스를 만든거 같다 ㅍㅍ
뭐 대충 보면 어떻게 연동되게 만드는지 알것지요? ㅍㅍ

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<script type="text/javascript" src="http://maps.naver.com/js/naverMap.naver?key=25193d73017e92801b9aa3139cad6157"></script>
</HEAD>
<BODY onload="center2(100, 100)" style="width:100%;height:100%">
<div id="mapContainer" style="width:100%;height:100%"></div>
<script type="text/javascript">
<!--
var mapObj = new NMap(document.getElementById('mapContainer'));

mapObj.setCenterAndZoom(new NPoint(100,100), 3);

function getPoint(objId, defaultValue)
{
var obj = document.getElementById(objId);

if(obj.value == '') {
obj.value = defaultValue;
obj.setAttribute('value', defaultValue);
}

return obj.value;
}

function move()
{
var x = getPoint('x1', 100);
var y = getPoint('y1', 100);

mapObj.pan(x, y);
}

function center()
{
var x = getPoint('x1', 321198);
var y = getPoint('y1', 529730);

mapObj.setCenter(new NPoint(x, y));
}

function center2(x, y)
{
mapObj.setCenter(new NPoint(x, y));
}

function zoomIn()
{
mapObj.zoomIn();
}

function zoomOut()
{
mapObj.zoomOut();
}
//-->
</script>
</BODY>
</HTML>



P.S 다음 API 공부 주소는 http://dna.daum.net/apis/maps/coordinate