여행상품에 구글 360도 파노라마 뷰 등록하는 방법
1. https://www.google.com/maps 에서 검색창에 주소를 입력합니다.
스트리트 뷰를 보고자 하는 곳. 지도상에 클릭하면 ① 과 같이 회색모양의 위치 아이콘이 생깁니다.
그리고 하단중앙에 ②스트리트 뷰 레이어가 나타납니다.
2. 최우측 상단에 ... 을 클릭하고 [이미지 공유 또는 삽입] 을 클릭합니다.
3. [지도 퍼가기] > [HTML 복사]를 클릭합니다.
4. 워드프레스 관리자모드에 접속한 후
Pakages 에 등록된 글 또는 새로 추가를 해서
하단 부분의 Google Map > Content 영역에 등록합니다. ( Ctrl+V 붙여넣기 )
이때 Width (가로 넓이)값이 600으로 되어 있는 것을 100%로 수정합니다.
그래야만 반응형이 되어 모바일, 태블릿, PC 등 어느기기에서나 최적화되어 보입니다.
반드시 수정해주세요. 600으로 그냥 넣으면 600px 로 고정되어 모바일기기에서는 잘려 보일 수 있습니다.
결과화면
Preview Settings > Featured Image Replace에 등록하면 우측의 특성이미지 대신하여 해당 위치에 구글파노라마 360뷰가 나타납니다.
결과
미리보기 URL
https://mwpdemo13559.mycafe24.com/packages/phuket/
Phuket – mwpdemo13559
Day by Day Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur ut venenatis lorem. Nunc sodales interdum rhoncus. Nulla a leo finibus, ullamcorper lorem vel, scelerisque massa. Vivamus leo dui, interdum non fermentum eget, laoreet ac lorem.
mwpdemo13559.mycafe24.com
지도 경로 코스 만들기, 여행경로 만들기
로그인 - Google 계정
이메일 또는 휴대전화
accounts.google.com