我正在尝试在我的混合Android应用上显示谷歌地图。
在HTML中:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="css/map.css" >
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=MyApiKey&sensor=true"></script>
<script type="text/javascript">
var map;
function initialize() {
var latlng = new google.maps.LatLng(38.909401, -77.030304);
var opts = {
zoom: 15,
center: latlng,
mapTypeControl: false,
zoomControl: false,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("routeMap"), opts);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="routeMap"></div>
</body>
</html>
在css中,
#routeMap {
height:100%;
}
我通过Webview调用第一个HTML。
WebView webView = (WebView) findViewById(R.id.routeMapView);
webView .getSettings().setJavaScriptEnabled(true);
webView .loadUrl("file:///android_asset/html/map.html");
通过上面的代码,谷歌地图显示在屏幕上(通过eclipse中的模拟器工作)。 但过了一会儿,地图就消失了,这个屏幕变成了空白。 有人看到我做错了吗?