gpt4 book ai didi

javascript - 使用 Javascript/JQuery 使用 Ajax 加载 Google Maps API,回调设置不正确

转载 作者:行者123 更新时间:2023-11-29 16:14:06 25 4
gpt4 key购买 nike

我将不胜感激有关使此脚本运行的一些指导。 map 加载正常,但回调设置不正确,因此每次单击按钮时页面都会将 Google map API 脚本附加到文档。

我正在使用 JQuery 的 $.load 将 HTML 页面 (map.html) 添加到 DOM 元素(div 容器)中。

$('.button').click(function() {
$('#mapcontainer').load('/map.html');
});

这是 map.html 用来加载 map 的内容,我使用的脚本来自这里:https://stackoverflow.com/a/12602845/1607449

<script>

var gMapsLoaded = false;
window.gMapsCallback = function(){
gMapsLoaded = true;
$(window).trigger('gMapsLoaded');}

window.loadGoogleMaps = function(){
if(gMapsLoaded) return window.gMapsCallback();
var script_tag = document.createElement('script');
script_tag.setAttribute("type","text/javascript");
script_tag.setAttribute("src","http://maps.google.com/maps/api/js?key=KEYGOESHERE&sensor=false&callback=gMapsCallback");
(document.getElementsByTagName("head")[0] || document.documentElement).appendChild(script_tag);
}

$(document).ready(function(){

function initialize(){

var mapOptions = {

}
};

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

$(window).bind('gMapsLoaded', initialize);
window.loadGoogleMaps();
});

</script>

<div style="height:400px;width:650px;" id="map_canvas"></div>

这是设置回调以动态加载 Google Maps Javascript API 的不同方法的另一个示例:http://www.vijayjoshi.org/2010/01/19/how-to-dynamically-load-the-google-maps-javascript-api-on-demand-loading/这是我希望通过修改我当前使用的脚本(而不是对新脚本进行反向工程)来实现的。

谢谢。

编辑:解决了问题,解决方案发布在下面的回复中

最佳答案

想出了一个解决方案,基本上我的回调是不必要的。这是我使用的:

$('.button').click(function() {
$('#mapcontainer').load('/map.html', function () {
initialize();
});
});

<script>
function initialize(){
var mapOptions = {
///Map options go here
}
};

map = new google.maps.Map(document.getElementById('map_canvas'),mapOptions);
}
</script>

<div style="height:400px;width:650px;" id="map_canvas"></div>

关于javascript - 使用 Javascript/JQuery 使用 Ajax 加载 Google Maps API,回调设置不正确,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19985897/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com