AJAX 용 Google지도 다시 쓰기

Question

버튼을 누르면 사용자가 AJAX로드로 Google지도를로드하게 할 수 있습니다. 몇 가지 질문이 있습니다. 먼저 스크립트 API 키를 어디에 두어야합니까? 원본 파일 또는 AJAX 파일에서? 둘째, google지도 이벤트 초기화 프로그램을로드하기 위해 무엇을 작성해야할지 모르겠습니다. 여기에 코드가 있습니다.

아약스 파일에서 첫 번째 파일

<script type="text/javascript" 
src="http://maps.googleapis.com/maps/api/js?key=mykey&sensor=false&libraries=drawing"> 
</script> 

<div id="themapsection"> 

<input type="button" id="tour_dates" Value="Show Tour Dates" /> 

<script type="text/javascript" > 

$(document).ready(function() { 
    $('#tour_dates').click(function() { 
    var theid = <?php echo $user_id; ?>; 
    $('#map_canvas').load(
    'ajax_map_tour_data.php', 
    {session_user_id: theid}, 
    function() { google.maps.event.addDomListener(window, 'load', initialize)}) 
;});}); 

</script> 

</div> 

<div id="map_canvas"></div> 

은 이미 함수 초기화를 만들었습니다. 아래 코드를 아약스 파일에서 가져 와서 원래 파일에 첨부하기로 결정했는데 이것이 옳지 않다는 것을 알고 있습니다. 나는 여기서 어디로 가야할지 모르겠다. 아약스로드에서 초기화 함수를 호출

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

Answer 1

시도 (성공) 이벤트

$(document).ready(function() { 
    $('#tour_dates').click(function() { 
    var theid = <?php echo $user_id; ?>; 
    $('#map_canvas').load(
     'ajax_map_tour_data.php', 
     {session_user_id: theid}, 
     initialize 
    ); 
    }); 
});