api 도와주세요 정보
api 도와주세요
본문
게시판에 네이버 api 지도를 넣기에는 성공을 했는데요.
좌측 상단에 보시면 [지도보기, 겹쳐보기, 위성사진] 이렇게 있는데
겹쳐보기로 설정을 하고 싶은데 이렇게 저렇게 해봐도 잘모르겠어요.
항상 겹쳐보기로 나오도록 할려고 합니다.
네이버에는 이렇게 설명이되어 있기는 한데 어디다 넣어야 할지 모르겠네요.
----------------------------------------------------------------------------------------
새로운 지도 객체를 생성한다.
container는 지도를 표시할 HTML container이며 일반적으로 DIV 요소(element)이다.
opts객체는 3개의 값(width, height, mapMode)을 설정할 수 있다.
width는 지도의 너비이고, height는 지도의 높이이다.
만약, width와 height의 값이 제공되지 않으면 container의 width와 height의 값을 사용한다.
mapMode는 지도의 모습을 결정한다. 0은 일반지도, 1은 겹침지도, 2는 위성지도 이다.
----------------------------------------------------------------------------------------
<SCRIPT LANGUAGE="JavaScript">
var x_point = <? echo $map_x_point; ?>;
var y_point = <? echo $map_y_point; ?>;
var icon = new NIcon("<?=$board_skin_path?>/img/map_icon.gif", new NSize(22,22)); // 아이콘파일
var loc_Point = new NPoint(x_point,y_point); // 포인트 표시
var map_mark = new NMark(loc_Point, icon ); // 지도에 아이콘 표시
var mapObj = new NMap(document.getElementById('map_map'),<? echo $map_width; ?>,<? echo $map_height; ?>,1); // 지도창
var infowin = new NInfoWindow();
var zoom = new NZoomControl();
var zoomlevel = <? echo $map_zoom; ?>
/* 지도 좌표, 축적 수 준 초기화 */
mapObj.setCenterAndZoom(new NPoint(321198,529730),4);
/* 지도 컨트롤 생성 */
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);
mapObj.addOverlay(map_mark); // 지도에 마크표시
mapObj.setCenterAndZoom(loc_Point,zoomlevel); // 지도 중앙
mapObj.addOverlay(infowin);
</SCRIPT>
0
관련링크
댓글 4개

이런식으로 할 수 있습니다.
따라서 위의 경우에 겹쳐보기를 하실 경우 아래와 같이 하시면 되겠습니다.
var mapObj = new NMap(document.getElementById('map_map'),<? echo $map_width; ?>,<? echo $map_height; ?>,1); // 지도창
지도모드는 0이 지도보기 1이 겹쳐보기 2가 위성사진이므로 숫자만 바꾸시면 됩니다.

본문에 제가 써놓은 소스가 잘못된것일까요?

이것을
var opts = {width:<? echo $map_width; ?>, height:<? echo $map_height; ?>, mapMode:1};
var mapObj = new NMap(document.getElementById('map_map'),opts);
이런식으로도 할 수 있거든요.
한번 해보세요.

밑에 알려주신 소스를 넣으니까 잘되네요... 정말 감사합니다 ^^