1. OpenApi에 가서 지도 API Key를 발급받는다
2. 다음과 같이 코딩한다. (소스 중 지도 API KEY 부분을 채운다)
<html>
<head>
<meta http-dquiv=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=지도API Key"></script>
<div id='mapContainer' style='width:960px;height:55px'>
</div><script type="text/javascript">
//기본 지도 생성
var mapObj = new NMap(document.getElementById('mapContainer'), 960, 550);
mapObj.setBound(319198, 527730, 323198, 531730);
mapObj.zoomOut();//확대 축소
var zoom = new NZoomcontrol();
zoom.setAlign("right");
zoom.setValign("bottom");
mapObj.addControl(zoom);
</script><div id="searchform">
<form name="mapsearch" method="get" action="mapsearch1.php">
<input type="text" name="query">
<input type="submit" value="Map Search">
</form>
</div></body>
</html>
Naver Open API를 사용한 플러그인을 다른 웹 페이지에서 본 적이 있어서..
개발해 보고 싶은 욕심에... ^^*
'[Develope] > Web' 카테고리의 다른 글
| resin + eclipse (0) | 2009.01.20 |
|---|---|
| mysql과 zenoss 충돌 (0) | 2008.11.10 |
| zenoss 설치 (0) | 2008.11.07 |
| PicLens 사용법 (0) | 2008.07.23 |
| Picasa, Flickr등의 사진이나 Youtube의 동영상을 풀 스크린 3차원으로 즐기는 PicLens (0) | 2008.07.07 |