|
안녕하세요.
지도 api를 공부하면서 저희 사무실 위치를 표시하기 위한 작업을 하고 있습니다.
저는 지도 페이지가 뜨게 될 경우 기본 세팅으로 특정 위치에 마커를 표시하고, 마커의 조금 위쪽에 스카트윈도우를 표현하게 하고 싶습니다. 그리고, 스마트 윈도우의 끄기 버튼을 누룰때 스마트 윈도우가 사라지게 하도록 하고자 합니다.
첫번째로 마커를 특정 위치에 표시하기는 하였습니다. 그런데, 스마트 윈도우가 겹쳐 보여져서 이를 조금(겹쳐보이지 않도록) 위로 이동시키려면 어떻게 해야 하는지요?
두번째로 스마트 윈도우가 왜 길게 보이는지 모르겠습니다. 스마트 윈도우의 사이즈를 조정하려면 어떻게 해야 하는지요?
세번째로 스마트윈도우 상의 끄기 x 버튼을 눌러도 작동하지 않습니다. 왜그런지요?
너무 초보라 모르는 것이 많습니다. 도와주세요...
참고로 소스는 아래와 같이 작업하였습니다.
<!-- 야후맵 API --> <script src="http://kr.open.gugi.yahoo.com/Client/AjaxMap.php?v=3.7&appid=YahooDemo type="text/javascript "></script> <script type="text/javascript " language="JavaScript ">
YLog.initSize(new YSize(600,300)); function StartYMap() { var map = new YMap(document.getElementById('ymap'),YAHOO_MAP_REG); var sgpoint = new YGeoPoint(37.519963,127.032301); map.drawZoomAndCenter(sgpoint,3); var zp = new YCoordPoint(5,40); zp.translate('left','bottom'); map.addZoomLong(zp); var pp = new YCoordPoint(5,5); pp.translate('right','top'); map.addPanControl(pp); map.removeZoomScale() var marker = new YMarker(sgpoint); /*marker.addAutoExpand("이렇게 마커에 라벨을 추가 합니다.");*/ /*marker.addLabel("라벨 추가");*/ var markerMarkup = "<b>이렇게 HTML 태그를 추가 할 수 있습니다.</b>"; marker.openSmartWindow(markerMarkup); map.addOverlay(marker); }
window.onload = StartYMap; </script>
<div id="ymap" style="width: 600px; height:300px; Float:clear;"></div>
|