Question

尝试在我的网页上显示Google地图时出现此错误。＆＃34; JavaScript运行时错误：无法获取属性＆＃39; offsetWidth＆＃39;未定义或空引用＆＃34;

它来自线条var map = new google.maps.Map的Javascript函数initialize（）（document.getElementById（＆＃34; map-canvas＆＃34;）

function initialize() {
var mapOptions = {
    center: new google.maps.LatLng(-34.397, 150.644),
    zoom: 8
};
var map = new google.maps.Map(document.getElementById("map-canvas"),
    mapOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);

这是我的HTML

<div id="map-canvas">
   <h2>hello</h2>
</div>

这是我的css

#map-canvas {
position: fixed;
top: 41px;
left: 0;
bottom: 0;
width: 40%;
height: 100%;
background-color: pink;
/*border: 3px solid black;*/
}

Answer 1

无法重现报告的错误，但代码中的地图（已发布）没有大小。将其添加到您的css中，为map-canvas div的父级提供一个大小：

body, html {
    height:100%;
    width: 100%;
}

fiddle

尝试显示谷歌地图时出现“offsetwidth”错误

1 个答案: