<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<meta http-equiv=Cache-Control content=No-Cache>
<meta http-equiv=Pragma content=No-Cache>
<title>Map Search</title>
</head>
<body style="margin:0px 0px 0px 0px">
<script type="text/JavaScript" src="http://maps.naver.com/js/naverMap.naver?key=지도키 넣는곳"></script>
<div id='mapContainer' style='width:960px;height:550px'> </div>
<script type="text/javascript">
// 기본 지도 생성
var mapObj = new NMap(document.getElementById('mapContainer'), 700, 550);
mapObj.setBound(319198, 527730, 323198, 531730);
//지도 좌표에 아이콘 삽입
var iconUrl = "logo.gif"; //logo.gif라는 파일을 아이콘으로 지정해줍니다.
var iconSize = new NSize(40, 35); //아이콘의 사이즈를 지정해 줍니다.
var markObj = new NMark(new NPoint(309360, 551717), new NIcon(iconUrl, iconSize));
mapObj.setCenterAndZoom(new NPoint(309338, 551717), 0);
//setCenterAndZoom(point, zoom_level) 라는 함수는 지도가 나오자마자의 위치를 나타내 주는 함수입니다. point부분에 좌표, zoom_level 부분은 줌의 확대 축소 정도입니다. 0~15까지로 나뉘어 있으며, 0에 가까울수록 지도가 확대 됩니다.
mapObj.zoomOut(); //줌아웃을 해줍니다. 즉 바로 위에서 0->1, 만약 10이었으면 10->11로 줌 상태가 축소됩니다.
// 생성한지도에 아이콘 추가
mapObj.addOverlay(markObj);
// 확대, 축소를 위한 컨트롤을 생성한다.
var zoom = new NZoomControl();
zoom.setAlign("right");
zoom.setValign("bottom");
mapObj.addControl(zoom);
</script>
</body>
</html>