이시국보건증 페이지 간소화계획 및 기능별 API예제 링크 정리

현재 서비스 운영중입니다!!!!!!!

https://leesiguk.wonj.in/

이시국 보건증

현재 서비스 운영중입니다!!!!!!!

 

페이지 간소화 계획

기존 : 이 포스트참고, 시작→지역선택→용도선택→확인→의료기관 및 지도열람

변경 : 시작(시연영상 겸 사용안내)→의료기관 및 지도열람, 지역선택은 '시군구'단위로 지도 상단에 표시하여 버튼클릭. 혹은 사용자가 알아서 찾도록 한다.

 

데이터 제공 방법

기존 두 개의 csv데이터(보건소 현황, 보건증발급 의료기관현황)

를 js에서 불러와 각각 딕셔너리 배열로 저장

 

보건소 : hcc_data[인덱스][키]

의료기관 : hospital_data[인덱스][키]

각각의 key와 value는 여기에서 모두 정의하였음

 

이후 이를 외부 프로그램에서 딕셔너리의 배열로 변환한 뒤, js에서 사용하도록 할 것이다.

 

기능별 마커 API예제 정리

초기 세팅 및 지도에 데이터 뿌리기

http://geeps.krihs.re.kr/geocoding/service_page

http://www.gisdeveloper.co.kr/?p=4784

주소를 위경도 좌표로 변환 →  마커표시→ 마커에 병원명 표시(정보) → 보이는 영역의 마커만 표시

 

사용자가 시군구 버튼을 눌렀다

버튼 표시(사용자정의컨트롤) → 지도 이동 (아마 버튼은 지도에 안그리고, 따로 그릴 것 같다)

 

사용자가 마커를 좌클릭했다

마커에 상세정보창 표시(병원명 표시는 가리기) 

 

사용자가 마커를 우클릭했다

인터랙션(거리뷰 표시하기)