0

我希望用户按下一个按钮，AJAX 加载将加载谷歌地图。我有几个问题。首先，我将脚本 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 文件中，我已经创建了函数初始化。我决定从 ajax 文件中获取下面的这段代码并将其附加到原始文件中，但我知道这是不对的。我只是不知道从这里去哪里。

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

1 回答 1

1

尝试在 ajax 加载（成功）事件中调用初始化函数

$(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 回答