* 구글지도 3.0은 익스플로어10 미만 에서는 정상 작동 되지 않을수 있으니 유념하시기 바랍니다.

* 익스프로어10 이상 이라 하더라도, [호환성보기]모드인 경우 정상 작동 되지 않습니다. 확인해보려면 인스플로어에서 F12 키를 누르면 우측 상단 - 브라우져 모드에서 확인 가능 합니다.

* 문서 모드가  쿼크모드인 경우 작동되지 않습니다. 관리자 모드 [디자인관리 > 고급 디자인 관리 > 전체 화면 구성]에서 DOCTYPE이 XHTML1.0 또는 HTML5인 경우에만 정상 작동 됩니다.

애니빌들 솔루션 이용시 기본적으로 [기본정보관리 > 사이트정보 설정 > 기본정보설정]에서 입력한 각종 정보를 바로 불러올수 있도록 되어 있습니다.

ps. 기본 정보에 있는 변수 안내 :  http://manual.anybuild.co.kr/page/basic1_01b

여기에 입력한 주소를 기준으로  "오시는 길"을 만들어 보겠습니다.

<load target="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true">

{@

// 네이버 API 키값을 별도로 받으셔야 합니다. 참고 매뉴얼 : http://wdev.anybuild.co.kr/bbs/faq/3566

$gecode_arr = naver_geocode("$shop_base[addr1] $shop_base[addr2]",'xxxxxxxxxxxxxxxxxxxxxxxxxxx');

$marker_array = array();

$marker_array[] = array($gecode_arr[latlng_x], $gecode_arr[latlng_y], $shop_base[company_name] );

@}

<script>

function initialize() {

 var mapOptions = {

  zoom: 14,

  center: new google.maps.LatLng({$gecode_arr[latlng_x]}, {$gecode_arr[latlng_y]})

 };

 var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

 marker_chk(map);

}



function marker_chk(map){

 

 <!--@foreach($marker_array as $k => $v)-->

  var position = new google.maps.LatLng({$v[0]}, {$v[1]});

  var marker{$k} = new google.maps.Marker({

   position: position,

   map: map

  });

  var infowindow{$k} = new google.maps.InfoWindow({

   content: "{$v[2]}"

  });

  infowindow{$k}.open(marker{$k}.get('map'), marker{$k});

  google.maps.event.addListener(marker{$k}, 'click', function() {

   infowindow{$k}.open(marker{$k}.get('map'), marker{$k});

  });

 <!--@end-->

 

}

google.maps.event.addDomListener(window, 'load', initialize);

</script>

<div id="map-canvas" style="width:100%;height:400px"></div>

완성화면 : http://lab.anybuild.co.kr/page/g_addr