Question

当我尝试在浏览器中运行此代码时，会出现Google地图窗口，但卫星图或地图图像无法正常显示。我几乎看不到地图或卫星图像。

<DOCTYPE html>
    <html lang="no">
    <head>
    <title>Kontakt</title>
    <meta charset="utf-8">
    <link rel="stylesheet type=text/css" href="stylesheetfgross.css">
    </head>

    <body>

     <header>
     <h1>Kontakt</h1>
     </header>

     <div id="map" style="width:400px;height:400px">



       <script>
      function myMap() {
          var mapOptions = {
              center: new google.maps.LatLng(59.234389, 11.137546),
              zoom: 10,
              mapTypeId: google.maps.MapTypeId.HYBRID
          }
      var map = new google.maps.Map(document.getElementById("map"), mapOptions);
      }
      </script>



    <script src="https://maps.googleapis.com/maps/api/js?callback=myMap"></script>


    </body>

Answer 1

我刚刚从你的代码中删除了function myMap()，谷歌脚本现在看起来就是这样：<script src="https://maps.googleapis.com/maps/api/js"></script>，刚刚从网址删除了回调，现在就可以了。查看jsFiddle

Answer 2

我用了这个，对我有用。

<iframe width="600" height="450" frameborder="0" style="border:0" 
  src="key" allowfullscreen="">
</iframe>

谷歌地图没有正确显示

2 个答案: