자바스크립트 로드뷰에 이미지 올리는 api를 보면 올려진 이미지가 계속 따라 다니는데 이동하면 전에 있던 이미지가 없어지게 하고, 다시 새로운 이미지를 올리고 싶은데 어떻게 해야 하나요? 논문실험을 위해 시뮬레이션을 만들고 싶은데… 꼭 알려주시면 감사하겠습니다.
http://apis.map.daum.net/web/sample/moveRoadview/
이 예제를 보시면
오른쪽 로드뷰를 움직였을 때, 왼쪽 지도에서 로드뷰 마커가 동기화 되어 움직이는 걸 볼 수 있을 겁니다.
// 로드뷰내의 화살표나 점프를 하였을 경우 발생한다.
// position값이 바뀔 때마다 map walker의 상태를 변경해 준다.
daum.maps.event.addListener(roadview, 'position_changed', function(){
// 이벤트가 발생할 때마다 로드뷰의 position값을 읽어, map walker에 반영
var position = roadview.getPosition();
mapWalker.setPosition(position);
map.setCenter(position);
});
코드에서 이 부분인데요. ‘position_changed’ 이벤트를 활용하면 로드뷰 내에서 움직였을 때의 시점을 알 수 있습니다.
이 이벤트에서 기존 이미지를 지우고 새로운 이미지를 올리면 되겠네요.
울지 마세요… 화이팅