2016-01-23 163 views
0

是新使用這個插件在我的應用我越來越黑屏像用科爾多瓦 - 插件 - 谷歌地圖離子框架在我的離子app.when使用科爾多瓦谷歌地圖顯示黑屏

blank screen

我步步緊跟在cordova google maps plugin提到

爲Android設備

生成有效的谷歌地圖API密鑰

這是我的工作就可以了代碼...

<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> 

請幫助我的人。

+1

請提供造成問題的最小代碼。 –

+0

嗨@StephenReindl你能再請看我再次更新我的查詢... – Sai

回答

相關問題