지도API 반응형 다중마커 게시판 V2.01 (원제작자 펄스나인) 정보
게시판 지도API 반응형 다중마커 게시판 V2.01 (원제작자 펄스나인)첨부파일
본문
펄스나인님이 제작하신 지도 스킨에 필요한 몇몇 기능들을 추가해서 사용하던 스킨을 재배포합니다.
★ 기존 마커 아이콘이 5개에서 무한정으로 어떤 아이콘이던 사용할 수 있게 수정하였습니다.
★ 초기 중심 좌표를 대한민국의 정중앙으로 재 배치
- 지도 초기 좌표 변경
- 지도 초기 확대레벨 13->14
★ 지도 창 세로 크기 조절
- 400px -> 450px
세로가 조금 작은 거 같아서 50 늘렸습니다.
★ 마커 아이콘 추가
- 5개 -> 34개
- 그걸로도 부족한 거 같아서 커스텀 기타 아이콘 추가 기능 추가
DB 사이즈는 기본 255인데 300 400 해도 긴 주소는 잘리길래 전 그냥 500으로 사용하고 있습니다.
뭐 아이콘을 짧은 주소로 옮기고 그걸 추가하면 안 늘려도 될 거 같긴 합니다.
구글맵 쪽에 있는 아이콘 뽑아 쓰려고 하니 긴 주소들이 많네요
★ 로드뷰 가끔 어떤 좌표들이 안 나오는 버그 수정(댓글 화이팅여님 글 참조)
- roadviewClient.getNearestPanoId(position, 50, function(panoId) -> 250으로 수정
아마 해당 좌표에 로그 뷰가 없으면 제일 가까운 거리 범위를 추적해서 잡는 소스인 거 같습니다.
저의 맵에서도 안 나오는 곳들이 여럿 있어서 수정하였습니다.
100,150,200으로 해도 안 나오는 게 있어서 250으로 수정후 전부 나옴
★ 주소 검색쪽에 readonly 제거
- 저는 주소 검색으로 입력하지 않고 다음 지도에서 키워드로 검색해 주소랑 좌표를 수동으로 입력하고 사용하고 있어서 readonly를 제거하게 되었습니다.
주소를 누르고 다른 쪽으로 드래그해서 빈 바탕 쪽에서 마우스를 때면 주소를 키보드로 입력할 수 있게 됩니다.
★ GPS좌표 표시
- 저 같은 경우 GPS를 수동으로 입력하기 때문에 기존 hidden 을 나오게끔 수정하였습니다.
----------
★추가하려다가 실패작
여담으로 다음 API 중 키워드를 입력해서 검색하면
이런 정보가 나오는 게 있는데
업체명에 키워드 치고 검색 누르면 대표전화, URL, 주소, 좌표 등 모두 자동 입력하게끔 만들고 싶었는데 이건 실패했네요
참고 - https://apis.map.kakao.com/web/sample/keywordBasic/
능력자분 계시면 만들어주세요~ ^^
저 같은 경우 매크로로 간단하게 만들어서 복붙해서 사용하고 있긴 한데 그래도 손이 많이 가네요.
업체명에 한라산 입력하고 검색해서 한 번에 다 입력되면 좋을 텐데 ㅠㅠ
26
댓글 전체
1) 카테고리를 드롭다운이 아닌 냑 스킨 게시판 카테고리 처럼 옆으로 나열하고 싶은데요.
2) 글 보기에서 우측 상단 지도가 작아서 그런데 큰지도보기 버튼을 넣으면 좋을것 같습니다.
도움을 주실 수 있을까요?