2014-01-07 5 views
1

Google지도를 Google 웹 사이트에 구현하려고합니다.Google지도 V3 인증 및 중복 문제

웹 사이트 baiki에는 jquery.load()를 통해 동적으로로드 할 수있는 페이지 섹션이있는 페이지가 있습니다. 이 섹션 중 하나에서

내가 JqueryUI을 활용하고있는 DIV 지금 팝업 창에 대한 내용 (멋진 스타일링 사업부)

을 채우는 jQuery.Load() 함수를 통해 다른 페이지가로드 탭 컨트롤 중 하나에 탭이 포함되어 있습니다. 성공적으로

<script type="text/javascript" 
      src="http://maps.googleapis.com/maps/api/js?key=xxxxxxxxxx..&sensor=false&v=3&callback=initialize"> 
</script> 

<script> 
     document.domain = '<?php echo $_SERVER["HTTP_HOST"]; ?>'; 

     $(function() { 
      $("#tabs").tabs(); 
     }); 

     function initialize() { 
      var mapOptions = { 
       zoom: 8, 
       center: new google.maps.LatLng(-34.397, 150.644) 
      }; 

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

     function loadScript() { 
      var script = document.createElement('script'); 
      script.type = 'text/javascript'; 
      script.src = 'http://maps.googleapis.com/maps/api/js?key=..........&sensor=false&v=3&callback=initialize'; 
      document.body.appendChild(script); 
     } 

     window.onload = loadScript; 

    </script> 

지도로드 그러나 나는 다음과 같은 오류를 얻을 :

내 코드를 참조하십시오 1. 경고 :이 페이지에 Google지도 API를 여러 번 포함했다. 예기치 않은 오류가 발생할 수 있습니다. 2. 연결 제한 초과 - 불가능 함

도움이 필요하십니까?

+2

지도 API를로드하는 맨 위에는 'script' 태그가 있고, 동일한 파일에 대해 중복'script '태그를 생성하는 onload 함수가 있습니다. 그래서 당신은 '여러 번'오류가 발생합니다. – johnnycardy

+0

* 왜 * Google 스크립트를 두 번 이상 포함하고 있습니까? 그렇게 할 필요가 없습니다. – Blazemonger

답변

0

첫 번째 스크립트 태그 만 제거하면됩니다. 즉

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/jskey=xxxxxxxxxx..&sensor=false&v=3&callback=initialize"> 

때문에 "loadScript()"이미 로딩 구글지도 API

.