Question

I have a jqueryMobile app that uses google maps api and is working properly on iOS. However, I am not able to get it running on android. I set following permissions on my manifest file. File is loaded properly but I am not able to view the map! Assuming that jqmobile code is working because works on iOS, how to enable it or which steps are required? Thank you.

<uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
    <uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" />
    <uses-permission android:name="android.permission.ACCESS_MOCK_LOCATION" />
    <uses-permission android:name="android.permission.CONTROL_LOCATION_UPDATES" />

my webview class looks like,

 protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.webview);

        browse4 = (WebView) findViewById(R.id.webview1);
        browse4.getSettings().setJavaScriptEnabled(true);
        browse4.getSettings().setUseWideViewPort(true);
        browse4.getSettings().setLoadWithOverviewMode(true);
        browse4.getSettings().setBuiltInZoomControls(true);
        browse4.getSettings().setSupportZoom(true);

        browse4.loadUrl("file:///data/data/" + PACKAGE_NAME + "/files/" + "myMap.html");

    }

Answer 1

is there any particular reason why you’re not using the Google MapView?

I understand it’s using jQuery but this might be easier.