0

ユーザーにボタンを押してもらいたいのですが、AJAXロードでGoogleマップがロードされます。いくつか質問があります。まず、スクリプトAPIキーをどこに配置しますか。元のファイルまたはAJAXファイルで？第二に、私はグーグルマップイベントイニシャライザーをロードするために何を書くべきかわからない。これがコードです。

最初のファイル

<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>

ajaxファイルでは、関数initializeをすでに作成しています。以下のコードをajaxファイルから取り出して元のファイルに添付することにしましたが、これは正しくありません。ここからどこへ行けばいいのかわからない。

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

1 に答える 1

1

ajax load (success) イベントで初期化関数を呼び出してみてください

$(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
    );
  });
});
于 2012-08-22T01:40:29.633 に答える