WP Google Maps 가이드

첫 번째지도 만들기

프렌차이즈 지점을 지도에 군데군데 표현 할 수 있는 플러그인입니다.

1단계 : 기본설정 및 첫번째지도 작성 및 이해

maps01

플러그인을 설치하고 활성화되면 고객님의 WP-관리 섹션의 왼쪽 탐색메뉴에서 “지도”라는 링크를 클릭합니다.

maps02

‘지도’ 링크를 클릭하면 다음 wp-google-maps를 편집 할 수 있는 창으로 이동됩니다.
이 곳은 사용자가 편집하거나 새로운 지도를 생성 할 수 있습니다. 처음시작할때에는 기존에 등록되어있는 “My first map”의 편집버튼을 클릭합니다.

maps03
  • Short code : 해당 코드를 복사하여 게시물 또는 페이지에 넣으면 설정한 지도가 구현이 됩니다.
  • 지도 : 설정한 지도의 이름을 지정 하는 곳입니다.
  • 줌 레벨 : 지도의 줌을 설정 할 수 있습니다.마우스의 휠의나 지도에서 줌 컨트롤을 사용하여 줌 수준에 만족하면,그 상태로 지정합니다.
  • 폭 : 지도의 가로폭을 지정하는 곳입니다.
  • 세로 : 지도의 세로폭을 지정하는 곳입니다.  

사용자의 지도가 응답하도록하려면, 100 %로 폭과 세로 400px로 높이를 설정

위와 같이 설정이 끝나면 “Add marker”을 클릭해줍니다.

2단계 : 첫번째 마커 만들기

maps4
  • 타이틀 : 사용자의 마커에 대한 설명이 포함된 이름을 제공하려면 해당 필드를 사용해야 합니다. 상대방이 클릭했을때 이것은 당신의 마커의 정보창 상단에 표시합니다. 
  • 주소/GPS : 사용자의 마커를 배치 할 위치의 주소 또는 GPS좌표를 삽입합니다. GPS를 넣는 방법은 구글지도를 연다음 찾으실 주소로 검색하여 위치를 클릭하시면  오른쪽 상단에  좌표숫자가 뜹니다. 해당 좌표를 복사하여 “주소/GPS”안에 넣고 “Add marker”를 누르면 업데이트 되면서 표시가 됩니다.  GPS를 지우고 싶다면,Your Markers를 보면 선정한 GPS의 목록에서 휴지통을 클릭하면 지워집니다.
  • 기술 : 자세한 세부사항에 마커를 서명하는데에 사용하는 곳으로써 HTML를 여기에 사용 할 수 있습니다.
  • 그림의 URL : 위치를 클릭했을때 해당 위치의 대표이미지를 넣을 수 있습니다.
  • 링크 URL : 위치를 클릭하면 해당 위치에 대한 “자세히보기”버튼으로 위치의 정보가 있는 URL로 이동 할 수 있습니다.
  • 사용자 정의 마커 : 기본 위치아이콘을 사용하지 않고 사용자정의 이콘 사용시 PNG이미지로 사용 할 수 있습니다. 사용자정의 아이콘등록시 아래 체크박스가 뜨는데 선택하면 사용자지정아이콘의 사이즈가 작아져서 보입니다.
  • 카테고리 : 지도를 만들때 해당 지도가 어떠한 카테고리에 소속되어야 한다면 선택시 해당 카테고리에 지정됩니다.
  • Animation : 위치아이콘에 대한 애니메이션 효과를 줄 수 있습니다.
  • 기본적으로 열려있는 정보창 : GPS정보와 자세히보기 창이 기본적으로 열리게끔 할건지의 유무를 체크하는 곳입니다.

3단계 : 당신의 웹 사이트에 표시하는지도를 얻는 방법

maps05
maps06
  • 설정한 지도를 사이트에 노출시 관리자 알림판에 있는 페이지나 게시물에서 텍스트블록 엘리먼트를 불러와서 지도 작업했을때 “Short code”의 코드를 넣으면 자동적으로 사이트에 지도가 보입니다.