영국조아 업소록에 주소를 입력하면 자동으로 구글지도 삽입하는 애드온이 구글의 유로화로 인해 작동이 되지 않습니다. 새로 등록하는 업체는 아래의 구글지도 삽입 방법을 참고하여 등록하면 됩니다.

구글지도 삽입방법

먼전 아래의 링크를 클릭하여 구글맵에 접속한다.

https://www.google.co.uk/maps/

구글맵 좌측 검색란에 임의의 우편번호를 입력하고 하단에 공유를 클릭한다.

20181125_154238.png

열리는 팝업창에서 지도 퍼가기를 클릭한다.

20181125_154309.png

지도 퍼가기 메뉴 아래에서 지도 크기설정을 맟춤크기로 변경한다.

20181125_154534.png

크기설정에서 800x350 입력하고 HTML 복사를 클릭하여 아이프레임 주소를 복사해 둔다.

20181125_154623.png

복사한 아이프레임 주소를 업소록에 그대로 붙혀넣기 해도 되지만 고정된 크기로 인해 모바일 폰으로 볼때 원본 크기대로 보여서 이상하게 보인다.

이제 모바일에서도 자유롭게 크기가 변하는 반응형 지도로 만들어 보자.

구글지도를 반응형 지도로 만들기 : 

먼저 아래의 사이트로 이동한다.

http://embedresponsively.com/

상단 메뉴 탭에서 Google Maps 클릭하고 입력란에 복사해 둔 아이프레임 주소를 입력하고 Embed 를 클릭하여 반응형 소스를 생성한다.

20181125_154759.png

아래와 같이 Embed code 가 생성되는 것을 확인할 수 있다.

아래의 코드를 드래그 복사하여 업소록 게시판에 붙혀넣기 하면된다.

20181125_154844.png

구글지도 샘플

크롬 브라우저 크기를 다양하게 늘였다 줄였다를 반복하면 구글지도가 크기에 반응하여 크기가 변화는것을 알수 있다.

20181125_160518.png

유용하게 사용하세요.


Quick Box

  • koreafood Ad
fl