1

チュートリアルに従って、単純な地図を表示するプロジェクトにGoogle Maps v3を実装し、mostRecentLocation nullポインターエラーを見つけた後、地図を表示し、現在地を中心に配置します。

グーグルマップAPIのjavascriptとapiリンクを含むhtmlファイルをアセットフォルダから実際にロードする必要があり、これにより組み込みのズームボタンを使用できるようになると思いますか?これを行うと、Webビューに空の画面が表示されます。HTMLをロードするようにWebビューを設定する必要がありますか?もしそうなら、なぜ私が空白の画面を持っているのか誰かに教えてもらえますか?

私はapiv1と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 に答える