유저 현재 위치 보여주고 주변에 제가 심은 마커를 동시에 보여주려면요?

안녕하세요 판매하는 제품 상세페이지 개발하고 있습니다.

<원하는 결과>
유저가 상세페이지에 들어오면,

  1. 카카오맵상 자기 위치가 자동으로 표시됌.
  2. 당사가 판매하는 제품을 취급하는 편의점이 마커로 표시됌.
  3. 유저는 근처에 당사 제품을 구매할 수 있는 편의점을 확일 할 수 있음.

이렇게 할려면 어떤 순서로 새팅을 해야하나요?
사실 저 개발고자 입니다…

웹 sdk 사용을 가정하고 설명드리자면,

  1. 웹 브라우저에서 지원하는 geolocation API 를 사용해서 사용자 위치를 마커로 표시합니다.
    http://apis.map.kakao.com/web/sample/geolocationMarker/

  2. 해당 데이터로 마커를 생성하고 배열로 관리해주세요.
    이때 마커 개수가 많으면 속도가 느려질 수 있으므로
    지도 영역에 포함된 된 데이터만 사용해 마커를 그려주는 방법도 있습니다.
    http://apis.map.kakao.com/web/documentation/#LatLngBounds_contain
    http://apis.map.kakao.com/web/sample/multipleMarkerEvent/

  3. 2번에서 생성한 마커 배열로 사용자 반경에 포함된 마커를 찾을 수 있습니다.
    원안의 좌표값 가져오기

위에 드린 설명과 예제를 바탕으로 구현해보세요.