기본문법 매뉴얼

번역하고 싶은 언어를 선택해 주세요.

구글맵 연동하기

주소값을 이용하여 간단하게 구글맵을 연동할 수 있습니다.

* 하나의 값만 사용하기

<script>
// 타이틀, 주소, 가로, 세로, 줌
// 주소를 입력하지 않으면 접속한 회원의 현재위치를 출력한다.
google_map_addr("우리집","서울특별시 중구 태평로1가 31",600,400,16);
</script>
<script>
// 타이틀, 구글좌표X, 구글좌표Y , 가로, 세로, 줌
google_map_xy("우리집",35.184331444660195,129.04335021972656, 600,400,16);
</script>

* 여러개의 값을 사용하기

<script>
var g_map_json = new Array();

var g_object = new Object();
g_object.map_icon = "/img/pin1.png"; // 지도 아이콘
g_object.map_icon_size = "23*30"; //지도 아이콘 크기
g_object.subject = "장어 나라"; // 지도 제목
g_object.content = "안녕하세요.<br>장어나라입니다. <a href='#'>[바로가기]</a>"; // 클릭시 나타나는정보
g_object.google_map_x = '37.57271888761069';
g_object.google_map_y = '126.97225570678711';
g_map_json.push(g_object);

var g_object = new Object();
g_object.map_icon = "/img/pin1.png"; // 지도 아이콘
g_object.map_icon_size = "23*30"; //지도 아이콘 크기
g_object.subject = "김밥 나라"; // 지도 제목
g_object.content = "안녕하세요.<br>김밥나라입니다. <a href='#'>[바로가기]</a>"; // 클릭시 나타나는정보
g_object.google_map_x = '37.566024663224155';
g_object.google_map_y = '126.99440002441406';
g_map_json.push(g_object);

var g_object = new Object();
g_object.map_icon = "/img/pin1.png"; // 지도 아이콘
g_object.map_icon_size = "23*30"; //지도 아이콘 크기
g_object.subject = "짜장 나라"; // 지도 제목
g_object.content = "안녕하세요.<br>짜장나라입니다. <a href='#'>[바로가기]</a>"; // 클릭시 나타나는정보
g_object.google_map_x = '37.56248682226232';
g_object.google_map_y = '126.9631576538086';
g_map_json.push(g_object);

// json 변수명, 중심지역 주소, 가로,세로, 확대번호
// 주소를 입력하지 않으면 접속한 회원의 현재위치를 중심지역으로 설정 됩니다.
google_map_json('g_map_json',"서울시 종로구",750,380,13);
</script>

* 접속자의 현재 위치값 가져오기

PC버젼은 통신사 공급망의 위치가 표시되며, 핸드폰인경우 GPS 허용인경우에만 정확한 위치를 추적 할 수 있습니다.
{@
$myinfo = google_map_myinfo();
@}

구글좌표 X값 : {$myinfo[google_x]}<br>
구글좌표 Y값 : {$myinfo[google_y]}<br>
주소 : {$myinfo[addr_str]}<br>

<script>
// 타이틀, 구글좌표X, 구글좌표Y , 가로, 세로, 줌
google_map_xy("나의 위치",{$myinfo[google_x]},{$myinfo[google_y]}, 600,400,16);
</script>