问题描述
|
当我在脚本标签中加载http://maps.google.com/maps/api/js?sensor=false时，在Chrome，Safari，Firefox和IE9中一切正常。
但是，当我以兼容模式在IE9中查看时（或在IE8中被告知），该地图无法加载，并且控制台中记录了“ \'\'google \'未定义\“。
这是相关的代码，用注释标识出触发错误的行：
<html>
<head>
<title>Test Map</title>
<script type=\"application/javascript\" src=\"http://maps.google.com/maps/api/js?sensor=false\"></script>
</head>
<body>
<div id=\"map_canvas\"></div>
<script type=\"text/javascript\">
var lat=37.763154;
var lon=-122.457941;
var initialZoom=17;
var mapTypeId = \'Custom Map\';
var mapStyle = [{featureType:\"landscape\",elementType:\"all\",stylers:[{hue:\"#dae6c3\"},{saturation:16},{lightness:-7}]},{featureType:\"road\",elementType:\"geometry\",stylers:[{hue:\"#ffffff\"},{saturation:-100},{lightness:100}]}];
//**The error is tripped in this next line,again only in IE9 compatibility mode or IE8*
var styledMap = new google.maps.StyledMapType(mapStyle);
var mapType = new google.maps.ImageMapType({
tileSize: new google.maps.Size(256,256),getTileUrl: function(coord,zoom) {
return \"img/tiles/\"+zoom+\"/\"+coord.x+\"/\"+coord.y+\".png\";
}
});
var map = new google.maps.Map(document.getElementById(\"map_canvas\"),{center:new google.maps.LatLng(lat,lon),mapTypeId:google.maps.MapTypeId.ROADMAP,zoom:initialZoom,mapTypeControl:false});
map.overlayMapTypes.insertAt(0,mapType);
map.mapTypes.set(mapTypeId,styledMap);
map.setMapTypeId(mapTypeId);
</script>
</body>
</html>
解决方法
问题显然是IE 8无法读取“ application / javascript \”。我在
<head>
<script>
$(\'<tr>\',{ \'class\': country }).appendTo(tableSelector).append(h1).append(h2);