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

구글지도 삽입방법

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

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

유용하게 사용하세요.


List of Articles
번호 분류 제목 날짜 조회 수
» 정보 업소록에 구글지도 삽입하기 file 2018.11.25 329
62 프로그램 캐논 카메라 컷수 확인방법 file 2017.12.22 8413
61 정보 모바일 신호가 없을땐 WiFi Call file 2017.10.17 3656
60 정보 내 운전면허 정보 확인하는 방법 file 2017.10.06 3425
59 정보 이쁜 테이블 생성 사이트 file 2017.07.26 4724
58 정보 상대방이 보낸 카톡메세지 몰래보기 file 2017.07.14 4932
57 기타 내 차량 주유구 쉽게 확인하는 방법 file 2017.06.16 3445
56 TV 정보 코디 (Kodi) 17.0 에서 영화감상시 한글자막 불러오기 2 file 2017.04.14 23193
55 TV 정보 코디 (Kodi) 17.0에 영화 애드온 (Zen) 설치하기 2 file 2017.04.13 21186
54 데스크탑 사무실-가정집 프린터 공유 file 2017.04.06 3759
53 기타 Odyssey X-Act Tank 골프칩퍼 file 2017.04.04 3201
52 윈도우 사무실-가정집 네트워크 설정 file 2017.04.02 3878
51 스마트폰 아이폰 차단 암호 분실시 해제방법 file 2017.03.28 29084
50 인터넷 자동차 로드택스 (Road Tax) 지불하기-온라인 file 2017.03.23 3458
49 정보 영국 시민권 신청폼 다운로드 file 2017.03.10 3227
48 동전 없을땐 Ring Go 주차티켓 앱 file 2017.03.10 3191
47 TV 정보 아마존 파이어 TV 스틱 알렉사| 음성비서 알렉사 file 2017.02.23 4767
46 TV 정보 코디에 영화관련 다양한 애드온 설치 file 2017.02.24 9813
45 TV 정보 코디 (kodi) 에 Mucky Ducks Repo 설치 file 2017.02.23 5952
44 TV 정보 코디 (kodi)에 애드온 설치없이 영화 TV쇼 드라마 보기 5 file 2017.02.17 42009
목록
Board Pagination Prev 1 2 3 4 Next
/ 4

Quick Box

  • koreafood Ad
fl