我希望用户按下一个按钮,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);