使用谷歌地圖插件與科爾多瓦顯示空白地圖

我想在我的科爾多瓦應用程序中使用谷歌地圖插件。我創建具有以下命令成功我SHA1密鑰：使用谷歌地圖插件與科爾多瓦顯示空白地圖

密鑰工具-exportcert -alias androiddebugkey -keystore C：\用戶\ Morsali.android \ debug.keystore -list -v

和創建我android和IOS密鑰成功。包名，SHA1，...正確導入：

，但是當我建立我的應用程序下面的index.html頁，我看到一個空白的地圖只有谷歌圖標：

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" /> 

    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <script type="text/javascript" src="cordova.js"></script> 
    <script type="text/javascript"> 
    var map; 
    document.addEventListener("deviceready", function() { 
     var div = document.getElementById("map_canvas"); 

     // Initialize the map view 
     map = plugin.google.maps.Map.getMap(div); 

     // Wait until the map is ready status. 
     map.addEventListener(plugin.google.maps.event.MAP_READY, onMapReady); 
    }, false); 

    function onMapReady() { 
     var button = document.getElementById("button"); 
     button.addEventListener("click", onBtnClicked, false); 
    } 

    function onBtnClicked() { 
     map.showDialog(); 
    } 
    </script> 
</head> 
<body> 
    <h3>PhoneGap-GoogleMaps-Plugin</h3> 
    <div style="width:100%;height:400px" id="map_canvas"></div> 
    <button id="button">Full Screen</button> 
</body> 
</html>

這裏是插件googlemap-plugin 下面的代碼有什麼問題？我該如何解決它？請幫幫我。謝謝。

來源

2016-09-26 mina morsali