Javascript 谷歌地图不显示在网页上，但显示在本地主机上

所以我尝试在一个网站上实现谷歌地图，在我的本地主机上运行良好，我看得很好。 然而，当我上传到我的托管公司，地图根本没有显示。 当我检查元素和控制台时，我没有看到任何错误。 代码如下：

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=MYAPIKEY"></script>
<script>
  function initialize() {
    var mapCanvas = document.getElementById('map-canvas');
    var myLatlng = new google.maps.LatLng(53.092975, -7.895479);

    var mapOptions = {
      center: myLatlng,
      zoom:16,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }

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

    var marker = new google.maps.Marker({
      position: myLatlng,
      map: map,
      title: 'LCCEurotex'
    });

  }
  google.maps.event.addDomListener(window, 'load', initialize);
</script>

函数初始化（）{
var mapCanvas=document.getElementById（'map-canvas'）；
var mylatng=newgoogle.maps.LatLng（53.092975，-7.895479）；
变量映射选项={
中心：myLatlng，
缩放：16，
mapTypeId:google.maps.mapTypeId.ROADMAP
}
var map=new google.maps.map（document.getElementById（'map-canvas'），mapOptions）；
var marker=new google.maps.marker({
职位：myLatlng，
地图：地图，
标题：“LCCEurotex”
});
}
google.maps.event.addDomListener（窗口“加载”，初始化）；

我不知道是什么原因造成的，因为我的代码看起来和谷歌文档中的代码一样。 任何关于是什么导致它的想法都会很好。

---

谢谢你的帮助

仅将http://添加到google maps api的url，更改此行：

<script type="text/javascript" src="maps.google.com/maps/api/js?sensor=false"></script>

据此：

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script> 

---

将这部分代码移动到页脚页面，可能您已经绑定了地图，并且div容器没有加载属性，此外，托盘会在css中默认为id地图画布添加一个高度

    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDo7nFkoUthlGms4De0miS4EPfupB5x0cY"></script>

    <script>
      function initialize() {
        var mapCanvas = document.getElementById('map-canvas');
        var myLatlng = new google.maps.LatLng(53.092975, -7.895479);

        var mapOptions = {
          center: myLatlng,
          zoom:16,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        }

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

        var marker = new google.maps.Marker({
          position: myLatlng,
          map: map,
          title: 'LCCEurotex'
        });


      }
      google.maps.event.addDomListener(window, 'load', initialize);
    </script>

---

你有链接吗？我认为这是在加载函数之前调用函数的问题。你能在chrome devtool中获得网络面板的屏幕截图吗？你设置了正确的API键吗？这些坐标的地址是什么？试试（maps.google.com/maps/api/js？sensor=false“>@howderek嘿，链接是www.lcceurotex.com添加到maps.google.com/maps/api/js？sensor=true中的”>但是它仍然没有解决这个问题：如果你查看你的网络面板，注意这个库没有找到，因为它在你的服务器中本地加载，放置http://或https://应该可以解决你的问题。抱歉，我现在只注意到它格式化了我发布的地址。我使用了http，但它不起作用

div#map-canvas {
  height: 500px !important;
}