https://apis.map.kakao.com/web/sample/categoryFromBounds/
다음의 기능을 활용해서 카페와 음식점만 남기고 싶습니다. 카페 같은 경우는 예시에 있어서 구현이 가능하고, 음식점도 FD6 키워드를 입력하면 음식점에 대한 정보가 뜨긴 뜹니다… 하지만 여기서 마커 또한 음식점으로 바꾸는게 저의 목표인데 이 부분에서 어려움이 있습니다. 혹시 해결이 가능하신 분이 있으면 도움 요청드리겠습니다.
예시 코드의 스프라이트 이미지에는 음식점 이미지는 포함돼 있지 않습니다.
사용하실 이미지를 직접 준비하여 구현해주시면 됩니다.
https://apis.map.kakao.com/web/sample/basicMarkerImage/
https://apis.map.kakao.com/web/sample/categoryMarker/
마커또한 바꾸실려면, 자바스크립트를 건드셔야 합니다.
위에 카카오맵님께서 다신 것처럼 이미지를 바꾸시려면 일단 이미지를 구하셔야 합니다.
샘플에서 이용하는 이미지를 다운받아, 크기를 키워서 또다른 이미지를 넣어서 새로 이미지를 만들어서 이용하셔도 되고,
별도의 마커를 만들어서 해당마커에 별도의 이미지를 넣어서 작업을 하실 수도 있는데,
샘플을 그대로 이용하실 경우엔 샘플에서 사용하는 이미지를 다운로드 받아서, 수정 작업을 해서 이용하시는게 좋습니다.
기본적으로 하나의 이미지파일에 여러개의 아이콘 이미지가 들어가 있고, 마커에서도 하나의 이미지에서 원하는 부분만 이용하는 방법을 사용합니다.
구글링이나 GPT나 이런곳에서 “sprite이미지”, “sprite이미지로 특정 이미지 영역 사용하기” 등으로 검색해서 기본적인 사용방법과, 이론을 한번 알아보시는게 좋을 것 같습니다.
sprite 이미지를 사용하는 방법을 알아보시는게 자바스크립트 소스코드를 최소한으로 수정하는 방법이고,
별도의 음식점 아이콘을 사용할경우에는 스크립트 코드의 수정이 많아집니다.
참고해 주시기 바랍니다.