Google地图显示不正确

Question

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

<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() ，并且Google脚本现在看起来像这样： <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>

Google地图显示不正确

问题描述

2 个解决方案

解决方案1
0 2017-08-27 11:48:34

解决方案2
0 2018-07-06 09:37:11

Google地图显示不正确

问题描述

2 个解决方案

解决方案1 0 2017-08-27 11:48:34

解决方案2 0 2018-07-06 09:37:11

解决方案1
0 2017-08-27 11:48:34

解决方案2
0 2018-07-06 09:37:11