<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Google地图测试-Mzwu.Com</title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#googlemap {
width: 700px;
height: 500px;
}
body,td,th {
font-size: 12px;
}
-->
</style>
<script type="text/javascript" src="http://ditu.google.cn/maps?file=api&v=2&sensor=false&key=ABQIAAAAo1sraUc4Q2P6t_JKwmK9qxShJ8qV7yGbEQAt-IAoNYd4p_ayexQxCJPQhC92wTgbfbMuC1k5NqzAMg&hl=zh-CN"></script>
<script type="text/javascript">
//窗体加载完成后显示地图
window.onload = function(){
if(GBrowserIsCompatible()){
var map = new GMap2(document.getElementById("googlemap"));
map.setCenter(new GLatLng(26.08594007864248,119.2989706993103), 14);
map.setMapType(G_HYBRID_MAP);//地图类型:G_NORMAL_MAP,G_SATELLITE_MAP,G_HYBRID_MAP
map.addControl(new GLargeMapControl());//缩放控件
map.addControl(new GMapTypeControl());//地图类型切换控件
map.addControl(new GScaleControl());//地图比例尺控件
}
};
//防止内存泄漏
window.onunload = GUnload;
</script>
</head>
<body>
<div id="googlemap"></div>
</body>
</html>运行上边代码后,经测试在IE6、IE7均不能显示出Google地图,FF下能正常显示,脚本老报错:'GMap2' 未定义,最终发现是页面使用了gb2312编码的原因,改为utf-8后即正常:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Google地图测试-Mzwu.Com</title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#googlemap {
width: 700px;
height: 500px;
}
body,td,th {
font-size: 12px;
}
-->
</style>
<script type="text/javascript" src="http://ditu.google.cn/maps?file=api&v=2&sensor=false&key=ABQIAAAAo1sraUc4Q2P6t_JKwmK9qxShJ8qV7yGbEQAt-IAoNYd4p_ayexQxCJPQhC92wTgbfbMuC1k5NqzAMg&hl=zh-CN"></script>
<script type="text/javascript">
//窗体加载完成后显示地图
window.onload = function(){
if(GBrowserIsCompatible()){
var map = new GMap2(document.getElementById("googlemap"));
map.setCenter(new GLatLng(26.08594007864248,119.2989706993103), 14);
map.setMapType(G_HYBRID_MAP);//地图类型:G_NORMAL_MAP,G_SATELLITE_MAP,G_HYBRID_MAP
map.addControl(new GLargeMapControl());//缩放控件
map.addControl(new GMapTypeControl());//地图类型切换控件
map.addControl(new GScaleControl());//地图比例尺控件
}
};
//防止内存泄漏
window.onunload = GUnload;
</script>
</head>
<body>
<div id="googlemap"></div>
</body>
</html>
评论(0)
暂无评论。