구차니의 잡동사니 모음

​유료 과금 체계는 추후 네이버 클라우드 플랫폼 홈페이지에서 공개될 예정입니다. 

var marker = new naver.maps.Marker(

            {

                position: new naver.maps.LatLng(data.lat, data.lng),

                title : data.name,

                zIndex : i,

                map: map

            }

        ); 

        naver.maps.Event.addListener(marker, "dblclick", function (e) {            

            // console.log(e);

            // console.log(e.overlay.zIndex);

            // console.log(e.overlay.title);

            console.log(e.overlay);

        }); 

    naver.maps.Event.addListener(map, 'idle', function() {

        console.log('idle');

    }); 

mousedown, mouseup, click, dblclick, rightclick, mouseover, mouseout, mousemove

dragstart, drag, dragend

touchstart, touchmove, touchend, pinchstart, pinch, pinchend, tap, longtap, twofingertap, doubletap 

<style type="text/css">

#wrap .buttons { position:absolute;top:0;left:0;z-index:1000;padding:5px; }

#wrap .buttons .control-btn { margin:0 5px 5px 0; }

</style>

<div id="wrap" class="section">

<h2>지도 유형 설정하기</h2>

<p>지도의 유형을 설정하는 예제입니다. 이 예제는 jQuery 구문을 포함하고 있습니다.</p>

<div id="map" style="width:100%;height:600px;">

<div class="buttons">

<input id="NORMAL" type="button" value="일반지도" class="control-btn control-on" />

<input id="TERRAIN" type="button" value="지형도" class="control-btn" />

<input id="SATELLITE" type="button" value="위성지도" class="control-btn" />

<input id="HYBRID" type="button" value="겹쳐보기" class="control-btn" />

</div>

</div>

<code id="snippet" class="snippet"></code>

</div>

<script id="code">

var map = new naver.maps.Map('map', {

center: new naver.maps.LatLng(37.3595704, 127.105399),

zoom: 10

});

var btns = $(".buttons > input");

btns.on("click", function(e) {

e.preventDefault();

var mapTypeId = this.id;

if (map.getMapTypeId() !== naver.maps.MapTypeId[mapTypeId]) {

map.setMapTypeId(naver.maps.MapTypeId[mapTypeId]); // 지도 유형 변경하기

btns.removeClass("control-on");

$(this).addClass("control-on");

}

});

</script> 

function updateMarkers(map, markers) {

    var mapBounds = map.getBounds();

    var marker, position;

    for (var i = 0; i < markers.length; i++) {

        marker = markers[i]

        position = marker.getPosition();

        if (mapBounds.hasLatLng(position)) {

            showMarker(map, marker);

        } else {

            hideMarker(map, marker);

        }

    }

}