마커

· React
지난 포스트에서는 지도를 띄우고 여러 개의 마커를 등록해 보았습니다.이번 포스트에서는 등록한 마커를 커스텀하고 커스텀 오버레이를 활용하여 infowindow를 구현해보고자합니다. 마커 디자인 변경처음 아무런 설정 없이 마커를 등록하고 애플리케이션을 실행시키면 아래 사진과 같이 카카오에서 기본 제공되는 마커로 표시되는 것을 확인할 수 있는데요. 저는 애플리케이션에 맞게 마커를 바꿔주려고 해요. 1. 먼저 바꿔줄 이미지를 준비해 줍니다.2. 바꿔줄 이미지를 코드로 등록해 줍니다. 이미지를 등록하는 코드 이외 지도를 다루는 부분은 이전 포스트를 참고하시면 됩니다.(https://ohamin26.tistory.com/36?category=1193802)  3. 애플리케이션을 실행해 보면 이미지가 정상적으로 바뀐..
· React
지난 포스트에서 Kakao Map API를 등록하고 로컬 환경에서 맵을 띄우는 것까지 해보았습니다.이번 포스트에서는 여러 개의 마커를 등록하는 과정을 정리해 보고자 합니다. 마커 여러 개 등록하기마커를 등록하기 위해서는 Kakao Map이 구현된 상태에서 진행해야 합니다. 관련 내용은 이전 포스트인 https://ohamin26.tistory.com/36를 참고하시면 됩니다.  1. 맵을 띄우는 것까지 완료되었다면 먼저 마커를 표시하기 위한 데이터를 준비해 줍니다. 데이터는 lat, lng, title를 포함하고 있으면 되고 형식은 편한 형식으로 사용하시면 됩니다. 저는 다음과 같이 데이터를 준비하였습니다. 2. 데이터 준비가 완료되었으면, 이전에 작성했던 mapScript에서 마커 정보를 등록해 줍니다..
OH HAMIN
'마커' 태그의 글 목록