Javascript 谷歌地图与自定义图像

你能帮我用自定义图像指针实现谷歌地图吗？ 我在 我已将其复制到页面，但地图不可见。你能告诉我为什么吗

函数初始化映射（）{
var newark=newgoogle.maps.LatLng（40.740，-74.18）；
var imageBounds=new google.maps.LatLngBounds(
新google.maps.LatLng（40.712216，-74.22655），
新的google.maps.LatLng（40.773941，-74.12544））；
变量映射选项={
缩放：13，
中心：纽瓦克
};
var map=new google.maps.map（document.getElementById（'map-canvas'），mapOptions）；
historicalOverlay=新建google.maps.GroundOverlay(
'https://www.lib.utexas.edu/maps/historical/newark_nj_1922.jpg',
图像边界）；
历史叠加。setMap（地图）；
}
google.maps.event.addDomListener（窗口'load'，initializeMap）
.row{
高度：300px；
宽度：100%；
边框：1px纯红；
}
地图不可见，因为您尚未为地图画布设置css

#map-canvas {
    height:300px;
    width:100%;
}

没有地图api，我在这里添加了这个
为什么你不使用谷歌地图api？请确保在问题中添加相关代码，这样即使链接过期，问题仍然有用。资源已添加到参考资料中，但出现了问题。我很抱歉。谢谢您的更新。您的地图没有大小（）