안녕하세요. 국민카드 개발 담당자입니다.
저희 회사에서 귀사의 다음 지도 서비스를 사용하고 있는 부분에 대하여
아래와 같은 오류가 발생하고 있는데요 원인 및 수정 가이드 확인 부탁 드립니다.
어제 11월 9일 부터 발생하여 저희 회사에 민원이 발생하고 있습니다.
빠른 확인 부탁 드립니다.
마커 내부 속성에 직접 접근해서 이미지를 변경하는 걸로 보입니다.
해당 속성 값은 업데이트를 통해 이름이 변경될 수 있습니다.
속성에 직접 접근하지 마시고 MarkerImage 객체를 새로 만들어서
marker.setImage(image);API로 이미지를 변경해주세요.
https://apis.map.kakao.com/web/documentation/#Marker_setImage
말씀하시는 부분은
Marker 생성을
new kakao.maps.Marker 로 생성시에 제공하는 api가 아닐까요?
저희는 마커를
daum.maps.Marker 로 생성하고 있고
브라우저에서 F12 개발자 도구로 하여 코드 확인해 보았으나
marker에 setImage api가 인텔리젼스에 뜨지 않는거 보니 없는 api 인거 같습니다.
services 라이브러리의 네임스페이스를 제외한 나머지 OpenAPI는
daum, kakao 네임스페이스만 다를뿐 동일한 기능을 제공하고 있습니다.
그래서 daum.maps.Marker 로 생성해도 setImage API를 사용할 수 있습니다.
https://apis.map.kakao.com/web/sample/basicMarker/ 예제에서
직접 해보기로 아래 코드를 붙여보면 이미지가 변경된 걸 확인할 수 있습니다.
setImage API로 이미지를 변경해주세요.
var mapContainer = document.getElementById('map'), // 지도를 표시할 div
mapOption = {
center: new daum.maps.LatLng(33.450701, 126.570667), // 지도의 중심좌표
level: 3 // 지도의 확대 레벨
};
var map = new daum.maps.Map(mapContainer, mapOption); // 지도를 생성합니다
// 마커가 표시될 위치입니다
var markerPosition = new daum.maps.LatLng(33.450701, 126.570667);
// 마커를 생성합니다
var marker = new daum.maps.Marker({
position: markerPosition
});
// 마커가 지도 위에 표시되도록 설정합니다
marker.setMap(map);
var imageSrc = "https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/markerStar.png";
// 마커 이미지의 이미지 크기 입니다
var imageSize = new daum.maps.Size(24, 35);
// 마커 이미지를 생성합니다
var markerImage = new daum.maps.MarkerImage(imageSrc, imageSize);
marker.setImage(markerImage);