본문 바로가기

WP13559 메뉴얼

여행상품에 구글 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뷰가 나타납니다.

Preview Settings > Featured Image Replace 에 등록한 예

 

 

 

결과


 

 

 

미리보기 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

 

 

 

지도 경로 코스 만들기, 여행경로 만들기

 

https://mymaps.google.com/

 

로그인 - Google 계정

이메일 또는 휴대전화

accounts.google.com