홈페이지에 구글지도 삽입하기

홈페이지에 구글지도 삽입하기

https://maps.google.co.kr/maps?hl=ko&tab=wl 

검색창에 삽입하고 싶은 지역을 검색 후, 쇠사슬 모양의 1번 버튼을 클릭하면 소스가 나옵니다.

아이프레임 태그를 바로 복사해 퍼가셔도 되고, 2번 (삽입할 지도 맞춤설정 및 미리보기) 클릭해 크기 지정해 퍼가실 수도 있습니다.

(예) http://www.yamette.com/page/web/map.php

홈페이지 웹페이지에 구글 지도를 넣기 위해서는 지도 파일이 있는 폴더에 아래 파일들도 필요합니다. (그누보드 계 빌더 경우)

_common.php  (홈페이지 기본 공통 속성을 불러오는 소스) 

※ 도메인/page/web 폴더에 넣을 경우, 아래 붉은색처럼 넣어줘야 함. 즉, 상단 상단 폴더에 빌더가 설치되어 있다는 의미.

<?

$g4_path = "../.."; // common.php 의 상대 경로

include_once("$g4_path/common.php");

?>

_head.php (홈페이지 상단을 불러오는 소스)

<?

if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가 

include_once("$g4[path]/head.php");

?>

_tail.php (홈페이지 하단을 불러오는 소스)

<?

if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가 

include_once("$g4[path]/tail.php");

?>

map.php (지도 삽입 소스)

<?

include_once("_common.php");

include_once("$g4[path]/lib/mw.builder.lib.php");

include_once("_head.php");

global $config;

$g4[title] = "$config[cf_title] 일본 지도";

?>

<iframe width="999" height="822" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.co.kr/maps?f=q&amp;source=s_q&amp;hl=ko&amp;geocode=&amp;q=%EB%8C%80%ED%95%9C%EB%AF%BC%EA%B5%AD&amp;aq=&amp;sll=37.160317,135.32959&amp;sspn=9.381453,19.753418&amp;ie=UTF8&amp;hq=&amp;hnear=%EB%8C%80%ED%95%9C%EB%AF%BC%EA%B5%AD&amp;t=m&amp;ll=37.160317,135.32959&amp;spn=14.377849,21.928711&amp;z=6&amp;output=embed"></iframe><br /><small><a href="https://maps.google.co.kr/maps?f=q&amp;source=embed&amp;hl=ko&amp;geocode=&amp;q=%EB%8C%80%ED%95%9C%EB%AF%BC%EA%B5%AD&amp;aq=&amp;sll=37.160317,135.32959&amp;sspn=9.381453,19.753418&amp;ie=UTF8&amp;hq=&amp;hnear=%EB%8C%80%ED%95%9C%EB%AF%BC%EA%B5%AD&amp;t=m&amp;ll=37.160317,135.32959&amp;spn=14.377849,21.928711&amp;z=6" style="color:#0000FF;text-align:left">크게 보기</a></small>

<?

include_once("_tail.php");

?>