Javascript '；网间距'；无法检索属性_Javascript_Google Maps

Javascript '；网间距'；无法检索属性

javascript google-maps

Javascript '；网间距'；无法检索属性,javascript,google-maps,Javascript,Google Maps,我遇到了javascript错误： JavaScript运行时错误：无法检索未定义或空引用的“offsetwidth”属性下面是我的javascript代码块（myJavaScript.js）：这是我的GoogleMaps.aspx： <head id="Head1" runat="server"> <title></title> <script type="text/javascript" src="https://maps

我遇到了javascript错误：

JavaScript运行时错误：无法检索未定义或空引用的“offsetwidth”属性

下面是我的javascript代码块（myJavaScript.js）：

这是我的GoogleMaps.aspx：

    <head id="Head1" runat="server">
    <title></title>
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=[KEY]&sensor=true">

    </script>

    <script type="text/javascript" src="myJavaScript.js"></script>

    <script type="text/javascript">

        //Add onload to body
       // $(window).load(function () {
        //    initializeMap()
        //});
        initializeMap();           

    </script>
</head>

为什么我要把所有的东西都放在javascript文件中的一个函数中？它是否破坏了可读性和可维护性？

HTML中id为“map canvas”的元素在哪里？

JavaScript运行时错误：“$”未定义。

告诉您需要包含一个jQuery脚本引用。我怀疑这是一个副本。您正在运行

initializeMap（）在文档头部的函数。即使map canvas元素存在于主体中，也不会在该点呈现。geocodezip，“map canvas”属性位于GoogleMaps.aspx的主体部分。简而言之，我没有在post.geocodezip中编写它，实际上我已经阅读了“Google MAP API Uncaught TypeError:无法读取null的属性'offsetWidth'。在MapCanvas元素的视图中，我已经插入了$（window.load）（function（）{initializeMap（）}）；但是，我得到了错误“JavaScript运行时错误：'$'未定义”
    <head id="Head1" runat="server">
    <title></title>
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=[KEY]&sensor=true">

    </script>

    <script type="text/javascript" src="myJavaScript.js"></script>

    <script type="text/javascript">

        //Add onload to body
       // $(window).load(function () {
        //    initializeMap()
        //});
        initializeMap();           

    </script>
</head>

function initializeMap() {

var lat = 41.4934579;
var lng = -90.50442090000001;
var myZoom = 14;

function init() {

    var mapOptions = {
        center: new google.maps.LatLng(lat, lng),
        zoom: myZoom
    };

    var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);

    var marker = new google.maps.Marker({
        position: new google.maps.LatLng(lat, lng),
        title: "ARA"
    });

    marker.setMap(map);
}

google.maps.event.addDomListener(window, 'load', init);
}