Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 谷歌地图以HTML格式工作,但不会显示在托管网站上_Javascript_Jquery - Fatal编程技术网

Javascript 谷歌地图以HTML格式工作,但不会显示在托管网站上

Javascript 谷歌地图以HTML格式工作,但不会显示在托管网站上,javascript,jquery,Javascript,Jquery,我已经建立了我的API并设置了账单,所以对浏览量没有限制。我使用google的开发者页面将其整合在一起,当我在浏览器中测试代码时,它的显示和操作都很好,但当页面托管在我的web服务器上时,它无法完全显示。没有显示控制台错误。出于明显的原因,我省略了API密钥。谢谢你的帮助 HTML和javascript: <head> <script src="jquery-3.3.1.min.js"></script> </head> <body

我已经建立了我的API并设置了账单,所以对浏览量没有限制。我使用google的开发者页面将其整合在一起,当我在浏览器中测试代码时,它的显示和操作都很好,但当页面托管在我的web服务器上时,它无法完全显示。没有显示控制台错误。出于明显的原因,我省略了API密钥。谢谢你的帮助

HTML和javascript:

<head>
    <script src="jquery-3.3.1.min.js"></script>
</head>

<body>
        <div id="map"></div>
        <script>
            function initMap() {
                var newark = {lat: 40.772, lng: -74.170};
                var map = new google.maps.Map(
                    document.getElementById('map'), {zoom: 13, center: newark});
                //var marker = new google.maps.Marker({position: newark, map: map});
            }
        </script>
        <script async defer 
                src="https://maps.googleapis.com/maps/api/js?key=[myAPIkey]&callback=initMap">
        </script>
</body>

API是否锁定到特定的域?在“localhost”上本地工作可能对google来说很好,但是除非“生产域”被列入白名单,否则API不会加载。如果你是说应用程序限制,我没有设置任何限制。我将HTTP引用设置为我的域和特定的有问题的页面,但它仍然不显示,并且实际上在我的测试浏览器中也禁用了映射。我没有看到生产领域的类别。我为我的愚蠢道歉。问题是由于没有将更新的css添加到cpanel中。
#map {
    padding: 0;
    display: block;
    height: 600px;
    width: 900px;
    margin-right: 5%;
    float: right;
}