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);