좌표를 클릭하는 순간 거리와 좌표가 뜨도록 하고싶은데 어떻게 해야할지 감이 안옵니다

기존 샘플 코드인 거리 구하기에서

var clickPosition = mouseEvent.latLng; // 클릭한 위치정보를 받아와서


var latposition = clickPosition.getLat();

var lngposition =clickPosition.getLng();  

이렇게 넣어주고 클릭한 위치에 거리와 함께 같이 표시되도록 contents에 추가하고 싶은데

어떻게 해야할까요…

전역으로 InfoWindow 또는 CustomOverlay를 생성 및 지도 클릭 이벤트를 등록해주세요.

지도 클릭 이벤트 안에서 InfoWindow 또는 CustomOverlay의 setPosition, setContent, setMap API를 사용하여
지도 위에 내용을 표출할 수 있습니다.

전역으로 선언한 오버레이가 지도에 띄어져 있는지 overlay.getMap(); API로 체크 한 뒤 없을 경우
overlay.setMap(map);으로 지도 위에 띄어줍니다.

클릭한 위치 정보로 overlay.setPosition(latlng);으로 위치 지정을 해주고
content에 포함시킬 내용을 아래와 같이 문자열 혹은 HTMLElement로 선언하여 content에 담아주세요.
var content = '<div style="padding: 5px; width:230px;">lat:'+ latposition +' lng: '+ lngposition +'</div>';

overlay.setContent(content);로 오버레이에 내용을 등록하여 지도에 표출시킵니다.

전역 선언 말고도 매번 클릭할 때 마다 infowindow 또는 CustomOverlay를 매번 새로 생성할 수도 있습니다.

예제와 문서도 함께 참고해주세요.
http://apis.map.kakao.com/web/sample/basicInfoWindow/
http://apis.map.kakao.com/web/sample/customOverlay1/
http://apis.map.kakao.com/web/documentation/#InfoWindow
http://apis.map.kakao.com/web/documentation/#CustomOverlay

1개의 좋아요