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
'WP13559 메뉴얼' 카테고리의 다른 글
WP13559 워드프레스 동영상 사용자 메뉴얼 (0) | 2024.04.24 |
---|---|
TOUR MAP 만들기 (0) | 2024.04.24 |
패키지 상품 등록 및 수정 방법 (0) | 2023.05.19 |
EXCERPT TOOL 플러그인 설치가 꼭 필요합니다. (1) | 2022.12.23 |
서브페이지 상단이미지 수정 변경 방법 (0) | 2022.12.23 |