由于某些限制,我无法在页面加载时使用Google Map API的脚本标记.我尝试过多种方式将脚本添加到页面中,包括使用jQuery添加脚本标记,如下所示：
$('head').append('<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>');
我也试图以更手动的方式包含它,如下所示：
var script = document.createElement("script");
script.src = 'http://maps.google.com/maps/api/js?sensor=false';
script.type = "text/javascript";
document.head.appendChild(script);
这两个示例都会导致整个页面变为白色和空白.有关如何做到这一点的任何想法？
解决方法
这对我有用(遵循JAM的评论) – 只需在页面加载后运行功能
function writeGoogleMapsScript()
{
document.oldWrite = document.write;
document.write = function(text)
{
var parser = new DOMParser();
var element = parser.parseFromString(text,"text/xml");
var child = element.firstChild;
var element = document.createElement("script");
element.src = child.getAttribute('src');
element.type= "text/javascript";
document.getElementsByTagName("head")[0].appendChild(element);
document.write = document.oldWrite;
};
var element = document.createElement("script");
element.src = "http://maps.google.com/maps/api/js?sensor=true&language=iw";
element.type= "text/javascript";
document.getElementsByTagName("head")[0].appendChild(element);
}
