Javascript 谷歌地图:简单应用不适用于IE
我们有一个简单的谷歌地图流量应用程序,位于: 由于某种原因,它最近停止在IE中正常工作。此时它正在使用API的V2,所以我刚刚将它升级为使用V3,但它在IE中仍然无法工作 它在Chrome和Firefox中运行良好。但是在所有版本的IE中,Google地图都没有完全加载 问题Javascript 谷歌地图:简单应用不适用于IE,javascript,jquery,internet-explorer,google-maps,Javascript,Jquery,Internet Explorer,Google Maps,我们有一个简单的谷歌地图流量应用程序,位于: 由于某种原因,它最近停止在IE中正常工作。此时它正在使用API的V2,所以我刚刚将它升级为使用V3,但它在IE中仍然无法工作 它在Chrome和Firefox中运行良好。但是在所有版本的IE中,Google地图都没有完全加载 问题 Google Map DIV通常会加载所有控件(缩放,由Google支持,地图类型),但实际的地图分幅不会出现在IE中。我只能看到DIV的灰色背景> 我所尝试的 我在页面上将JavaScript代码注释为以下内容,但仍然存
Google Map DIV通常会加载所有控件(缩放,由Google支持,地图类型),但实际的地图分幅不会出现在IE中。我只能看到DIV的灰色背景> 我所尝试的
我在页面上将JavaScript代码注释为以下内容,但仍然存在相同的问题:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" >
var map;
$(document).ready(function () {
initialize(); // Set-up Google map
});
function initialize() {
var options = {
zoom: 9,
center: new google.maps.LatLng(51.335759, -2.870178),
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("googleMap"), options);
}
</script>
var映射;
$(文档).ready(函数(){
初始化();//设置谷歌地图
});
函数初始化(){
变量选项={
缩放:9,
中心:新google.maps.LatLng(51.335759,-2.870178),
mapTypeId:google.maps.mapTypeId.ROADMAP
};
map=new google.maps.map(document.getElementById(“谷歌地图”),选项);
}
我在这里完全是从内存中提取出来的,但是在您将映射对象变大并删除顶部的var映射之前,请尝试插入var
。因此:
var map = new google.maps.Map...
我可以自信地说,问题在于IE和全局/局部变量,即,您的map变量 我不确定,但这可能是跨浏览器的功能差异。尝试在文档就绪块之前声明初始化函数。我终于找到了问题所在
原来是其他人在我们的母版页中包含了脚本()
此JavaScript旨在使PNG透明性在IE5.5+中工作,但一个连锁反应是它停止了谷歌地图的工作。ooh!我曾经有过这个问题!试着回忆一下我是如何修复的…谷歌的例子在你的IE上有用吗?是的,谷歌地图的例子确实有效。这很奇怪,因为上面的代码我最初是从一个示例中获取的。页面上似乎有其他东西在干扰?我已经按照您的建议尝试了,注释了全局“var map”并将“var map”范围限定在initialize()函数中,但映射仍然没有正确加载