0

次のコードを使用して、アプリにGoogleマップを表示しようとしています

<!DOCTYPE HTML>


    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <script scr="jquery.js></script>
    <link rel="stylesheet" href="jquery.mobile-1.3.0.css" />
    <script type="text/javascript" src="cordova-2.4.0.js"></script>
    <script type="text/javascript" src="jquery.mobile-1.3.0.min.js"></script>

<style type="text/css">
    html, body, #map-canvas {
        margin: 0;
        padding: 0;
        height: 100%;
    }

</style>

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>

<script type="text/javascript">
    function initialize() {
        var mapOptions = {
            center: new google.maps.LatLng(-34.397, 150.644),
            zoom: 8,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map-canvas"),
                                      mapOptions);
    }
    google.maps.event.addDomListener(window, 'load', initialize);
    </script>

私の MainActivity.java が次のような場合、正常に動作します

import org.apache.cordova.DroidGap;
import android.os.Bundle;
import android.webkit.WebView;
public class MainActivity extends DroidGap {
@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);     
    setContentView(R.layout.activity_main);
    WebView myBrowser = (WebView)findViewById(R.id.mybrowser);
    myBrowser.loadUrl("file:///android_asset/www/index.html");
    myBrowser.getSettings().setJavaScriptEnabled(true);

}     }

しかし、使用するとGoogleマップが表示されません

super.loadUrl("file:///android_asset/www/index.html");

これを解決する方法はありますか。前もって感謝します。

4

1 に答える 1