1

我正在按照教程为一个显示简单地图的项目实施 google maps v3，在找出 mostRecentLocation 空指针错误之后，它现在显示地图并以我的位置为中心。

我认为我真的应该从我的资产文件夹中加载一个 html 文件，其中包含 google maps api 的 javascript 和 api 链接，这将允许使用内置的缩放按钮？当我这样做时，webview 显示一个空屏幕。我应该设置 webview 来加载 html 吗？如果是这样，谁能告诉我为什么我可能会有一个空白屏幕？

我有 api v1 和 2 工作，但如果可以的话，我更愿意使用 v3。

private void setupWebView(){
    final String centerURL = "javascript:centerAt(" +  mostRecentLocation.getLatitude() + "," +  mostRecentLocation.getLongitude()+ ")";  
    webView = (WebView) findViewById(R.id.webview);
    WebSettings settings = webView.getSettings();  
    webView.getSettings().setJavaScriptEnabled(true);
    settings.getJavaScriptEnabled();
    settings.getBuiltInZoomControls();
    settings.setBuiltInZoomControls(true);
    //Wait for the page to load then send the location information  
    webView.setWebViewClient(new WebViewClient());  
    //webView.loadUrl("file:///android_asset/html/index.html");
    webView.loadUrl(MAP_URL);
    /** Allows JavaScript calls to access application resources **/  
    webView.addJavascriptInterface(new JavaScriptInterface(), "android");
    }

和html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" type="text/css" href="theme.css"> 
<script type="text/javascript"   src="http://maps.googleapis.com/maps/api/js?&sensor=true"></script>
<script type="text/javascript">  
var map;  function initialize() {    
var latitude = 0;    
var longitude = 0;    
if (window.android){      
    latitude = window.android.getLatitude();      
    longitude = window.android.getLongitude();    
    }    
var myLatLng = new google.maps.LatLng(latitude,longitude);    
var myOptions = {      
        zoom: 20,      
        center: myLatLng,      
        mapTypeId: google.maps.MapTypeId.ROADMAP  

        }    
map = new google.maps.Map(document.getElementById("map_canvas"),      myOptions);  }  
function centerAt(latitude, longitude){    
    myLatlng = new google.maps.LatLng(latitude,longitude);    
    map.panTo(myLatLng);
    }
</script>
<title>Insert title here</title>
</head>
<body>

</body>
</html>
4

1 回答 1

1

你需要一个<div id="map_canvas"></div>在你的身体，所以谷歌知道在哪里放置地图（这是你的 JS 中用于新地图的元素）。div 还需要一个大小。

添加这个工作

<body>
  <div id="map_canvas" style="height: 100px; width=100px;"></div>
  <script type="text/javascript">initialize();</script>
</body>
于 2013-02-23T23:13:29.403 回答