我正在尝试在我们的网站上实施谷歌地图。
该网站有一个页面,页面上的部分可以通过jquery.load()动态加载。
在其中一个部分中,另一个页面通过jQuery.Load()函数加载,该函数填充弹出窗口(具有奇特样式的div )的内容
现在,在div中,我使用了JqueryUI选项卡控件,其中一个选项卡包含google map地图。
请参考我的代码:
<script type="text/javascript"
src="http://maps.googleapis.com/maps/api/js?key=xxxxxxxxxx..&sensor=false&v=3&callback=initialize">
</script>
<script>
document.domain = '<?php echo $_SERVER["HTTP_HOST"]; ?>';
$(function() {
$("#tabs").tabs();
});
function initialize() {
var mapOptions = {
zoom: 8,
center: new google.maps.LatLng(-34.397, 150.644)
};
var map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
}
function loadScript() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'http://maps.googleapis.com/maps/api/js?key=..........&sensor=false&v=3&callback=initialize';
document.body.appendChild(script);
}
window.onload = loadScript;
</script>地图加载成功,但我收到以下错误: 1.警告:您已多次在此页面中包含Google Maps API。这可能会导致意外错误。2.超过连接限制--不可能
有什么帮助吗?
发布于 2014-06-25 22:29:43
只需删除第一个脚本标记。即
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/jskey=xxxxxxxxxx..&sensor=false&v=3&callback=initialize">
因为"loadScript()“已经在加载google map api。
https://stackoverflow.com/questions/20974848
复制相似问题