티스토리에 다음 지도 첨부 기능이 추가되었다는 소식을 들었다. 포스팅시 지도를 첨부하려면 여행지 정보첨부를 통해 특정 위치의 동적인 지도를 넣는것만 가능했다. 




사용자가 지도에 도형이나 마커를 추가해서 출력하거나 재사용하는건 지도 시스템 구축시 많은 요구사항이 있는 것이기 때문에 어떤식으로 구성되었나 궁금하기도 했고 지도 첨부해서 포스팅하면 추첨을 통해 티스토리 달력을 준다니!!!! '갖고싶다 티스토리 달력'





기능을 살펴보면 다음과 같다.

  1. 위치 검색
  2. 사용자가 직접 위치 표시
  3. 현재위치 (시도/시군구/읍면동) 주소 보기
  4. 지도 종류 선택 (크기)
    1. 기본형
    2. 미니형
    3. 와이드형
    4. 본문너비형
    5. 사용자지정형(넓이, 높이)
    6. 텍스트형(현재위치 : 큰지도로 보기, 큰지도로 길찾기)
  5. 지도 꾸미기
    1. 핀추가
    2. 도형추가
  6. 지도 보기
    1. 일반지도
    2. 하이브리드 스카이뷰
    3. 줌인/줌아웃



아쉬운점 몇가지

1. 지도종류를 본문너비형으로 하여 첨부시 넓이 문제
  • 실제 지도가 그려지는 캔버스 사이즈 보다 더 넓게 본문에 삽입됨
  • 지도 첨부시 지도 레이아웃을 포함하는 IFRAME이 넓이가 실제보다 큼
  • 본문너비형에 나오는 넓이보다 22px 작게 하면 안짤림

<본문너비형 사이즈 : 768 x 256>

<사용자지정형 사이즈 : 746 x 256>




2. 위치검색 후 지도 첨부시 기본 주소(사용자 접속위치) 표시
  • 위치를 검색한 후 바로 첨부하기 버튼을 눌러 내용을 확인해보면 검색한 위치와 상단에 표시된 주소지가 다름
  • 위치 검색된 결과를 선택하거나 지도에서 위치이동, 줌인/줌아웃, 지도종류변경 등을 하면 현재 위치의 주소로 변경되어 표시가 되지만 그렇지 않을 경우 사용자 접속위치에 따른 기본 주소로 첨부됨


<지도의 위치와 주소가 다름>




















AND