다음 지도 drawing libraray를 이용하고 있습니다.
저장된 데이터를 지도위에 뿌릴 때, 마커가 여러개 있어서 스르라이트 이미지를 사용하여 합니다.
마커를 클릭시 이미지를 크게 변하게 바꾸려 합니다. 예제가 잘 되어 있어서 수정해서 사용하면 될 것 같습니다.
http://apis.map.daum.net/web/sample/multipleMarkerEvent2/
위의 내용처럼요.
문제는 제 사이트가 반응형이라, 모바일에도 제대로 보여야 합니다. 기존에는 마커가 모바일에서 선명하게 나오지 않는 문제로 인해, 마커 이미지를 2배로 해서 불러들어 사용했습니다. (기존에는 스프라이트 이미지가 아닌 개별 이미지)
스프라이트 이미지 관련해 설정할 수 있는 마커옵션이,
width: 33,
height: 36,
offsetX: 12,
offsetY: 36,
spriteWidth: 644,
spriteHeight: 946,
spriteOriginX: 10,
spriteOriginY: 10
이 정도 인것 같은데, 이럴 때 어떻게 설정해야 하나요?
스프라이트 이미지 전체 width가 200, height가 400이고, 이것을 실제 지도위에 뿌릴 때는 1/2로 축소해서 보여주려합니다.
spriteWidth:100
spriteHeight:200
으로 두고 시도했는데 쉽지가 않더라구요. spriteOriginX, spriteOriginY 잡기가 어렵네요 .
카카오맵도 사이즈를 줄여서 뿌리는 것 같은데 어떻게 적용해야 할까요?
조언을 부탁드려도 될까요? 감사합니다.