Google地图无法正常显示

当我尝试在浏览器中运行此代码时，Google地图窗口出现，但卫星或地图图像未正确显示。我几乎看不到地图或卫星图像。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>

来源

2017-08-27 Zappoh

我在代码中看不到[API key]（https://developers.google.com/maps/documentation/javascript/get-api-key） –

正常工作：https：// codepen .io/anon/pen/GvXPGK |也许这个问题是在你的CSS？ – yuriy636

我只是从你的代码中删除function myMap()和谷歌脚本貌似现在是正确的：从URL <script src="https://maps.googleapis.com/maps/api/js"></script>，刚删除的回调和现在的工作。检查jsFiddle

来源

2017-08-27 11:48:34

当您删除回调时，也会删除所有初始化设置/首选项。 –

现在，什么都没有出现。 – Zappoh

你确定吗？我更新了我的jsFiddle，并且所有工作都在那里工作。 –

Google地图无法正常显示

回答

相关问题