안녕하세요 설명하기가 좀 어려운데
지도 api에서 마커를 동적으로 표현하고 싶습니다.
예를들어 해당 지역에 음시점이 50개이상 있으면 50% 이상 채워진 상자를
20개 이상이면 20% 채워진 상자로 표현하는 동적 마커를 구현하고 싶습니다.
현재는 %비율별로 이미지 파일을 다르게 저장해서 출력하는 방법을 택하고 있는데요
마커를 이미지가 아닌 JS나 HTML내에서 동적으로 생성한 도형으로 표현 가능할까요? ㅠ
CustomOverlay를 사용하면 가능합니다.
CustomOverlay의 content는 HTML 엘리먼트가 그대로 들어가게 됨으로
원하는 로직으로 구현을 하여 content 속성에 넣어주세요.
http://apis.map.kakao.com/web/sample/customOverlay1/
http://apis.map.kakao.com/web/sample/customOverlay2/
http://apis.map.kakao.com/web/sample/dragCustomOverlay/
1개의 좋아요