지도 API 이용시 다중마커 표시 정보
지도 API 이용시 다중마커 표시본문
지도(daum map)를 이용할 수 있는 스킨을 제작중에 있습니다.
글쓰기시에 지도에 표시된 위치의 lat, lng의 값을 저장하는 것까지 만들어 놓은 상태입니다.
문제는 저장된 좌표값들을 지도에 출력해야 하는데, 지도가 보이는 영역 안에서만 출력되며, 지도가 확대, 축소, 이동시에 해당 영역의 위치값을 불러와 마커로 표시하는 방법을 모르겠습니다.
지도가 축소 확대 등의 변동이 있을때 idle 이벤트로 감지하여 getBounds()에서 지도 영역을 가지고 온 값을 가지고 비동기로 DB에 저장된 값을 비교하여 영역안에 있는 값을 추려 가져와 마커로 표시하면 되는 것인가요?
방법을 알려주시면 감사하겠습니다.
글쓰기시에 지도에 표시된 위치의 lat, lng의 값을 저장하는 것까지 만들어 놓은 상태입니다.
문제는 저장된 좌표값들을 지도에 출력해야 하는데, 지도가 보이는 영역 안에서만 출력되며, 지도가 확대, 축소, 이동시에 해당 영역의 위치값을 불러와 마커로 표시하는 방법을 모르겠습니다.
지도가 축소 확대 등의 변동이 있을때 idle 이벤트로 감지하여 getBounds()에서 지도 영역을 가지고 온 값을 가지고 비동기로 DB에 저장된 값을 비교하여 영역안에 있는 값을 추려 가져와 마커로 표시하면 되는 것인가요?
방법을 알려주시면 감사하겠습니다.
댓글 전체
마커 한번 셋팅하면.. 줌을 하던 이동을 하던 계속 표시됩니다. 아래 플러그인 코드 참고해보세요.
* 다음 지도 플러그인 : http://lovelyus.net/v2/bbs/board.php?bo_table=gp4_store&wr_id=24
플러그인에서는 뷰에서는 아래 코드로 지도를 보여주네요.
예제는 .. 마커를 하나만 표시하는건데.. 두개던 세개던 추가만 하면 되는거니 다를바 없다고 보여집니다.
* 다음 지도 플러그인 : http://lovelyus.net/v2/bbs/board.php?bo_table=gp4_store&wr_id=24
플러그인에서는 뷰에서는 아래 코드로 지도를 보여주네요.
예제는 .. 마커를 하나만 표시하는건데.. 두개던 세개던 추가만 하면 되는거니 다를바 없다고 보여집니다.
<script type="text/javascript">
var map;
$(document).ready(function() {
map = new daum.maps.Map(document.getElementById('daum_map'), {
center: new daum.maps.LatLng(<?php echo $map['pos_lat']; ?>, <?php echo $map['pos_lng']; ?>),
level: 3
});
var zoomControl = new daum.maps.ZoomControl();
map.addControl(zoomControl, daum.maps.ControlPosition.RIGHT);
var mapTypeControl = new daum.maps.MapTypeControl();
map.addControl(mapTypeControl, daum.maps.ControlPosition.TOPRIGHT);
var marker = new daum.maps.Marker({
position: map.getCenter()
});
marker.setMap(map);
});
</script>
