Question

我已经建立了我的API并设置了结算方式，因此视图不受限制。我使用google的开发人员页面将其组合在一起，当我在浏览器中测试代码时，它显示并正常运行，但是当该页面托管在我的网络服务器上时，它无法完全显示。没有显示控制台错误。由于明显的原因，我省略了我的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>

CSS：

#map {
    padding: 0;
    display: block;
    height: 600px;
    width: 900px;
    margin-right: 5%;
    float: right;
}

Google Map以HTML格式运行，但不会显示在托管网站上

0 个答案: