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地圖無法正常顯示

回答

相關問題