Whats the issue with the android emulator to display map in Web View

Question

I am getting a blank white screen in my emulator and the map is not getting displayed.

Here is what is suppose to be displayed in a browser: [http://code.google.com/apis/maps/documentation/javascript/examples/layer-georss.html]

Here's the code for manifest file:

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
      package="com.apps.mylocations"
      android:versionCode="1"
      android:versionName="1.0">
    <application android:icon="@drawable/icon" android:label="@string/app_name">
        <activity android:name=".MyLocations"
                  android:label="@string/app_name">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

    </application>
    <uses-sdk android:minSdkVersion="8" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
</manifest>

Here is my layout XML File which has a webview:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="fill_parent"
              android:layout_height="fill_parent">

    <WebView android:id="@+id/web_engine"
             android:layout_width="fill_parent"
             android:layout_height="fill_parent"/>

</LinearLayout>

Here is Java Code:

 package com.apps.mylocations;

        import android.app.Activity;
        import android.os.Bundle;
        import android.webkit.WebView;

        public class MyLocations extends Activity {
            /** Called when the activity is first created. */
            @Override
            public void onCreate(Bundle savedInstanceState) {
                super.onCreate(savedInstanceState);
                setContentView(R.layout.main);


                WebView engine = (WebView) findViewById(R.id.web_engine);

                engine.getSettings().setJavaScriptEnabled(true);

                String data = "<html>" + 
        "<head>" + 
        "<meta name=\"viewport\" content=\"initial-scale=1.0, user-scalable=no\" />" + 
        "<meta http-equiv=\"content-type\" content=\"text/html; charset=UTF-8\"/>" + 
        "<title>Google Maps JavaScript API v3 Example: KmlLayer GeoRSS</title>" + 
        "<link href=\"http://code.google.com/apis/maps/documentation/javascript/examples/default.css\" rel=\"stylesheet\" type=\"text/css\" />" + 
        "<script type=\"text/javascript\" src=\"http://maps.google.com/maps/api/js?sensor=false\"></script>" + 
        "<script type=\"text/javascript\">" + 
        "function initialize() {" +
          "var myLatlng = new google.maps.LatLng(49.496675,-102.65625);" +
          "var myOptions = {" +
            "zoom: 4," +
            "center: myLatlng," +
            "mapTypeId: google.maps.MapTypeId.ROADMAP" +
          "}" +

          "var map = new google.maps.Map(document.getElementById(\"map_canvas\"), myOptions);" +

          "var georssLayer = new google.maps.KmlLayer('http://api.flickr.com/services/feeds/geo/?g=322338@N20&lang=en-us&format=feed-georss');" +
          "georssLayer.setMap(map);" +
        "}" +
        "</script>" + 
        "</head>" + 
        "<body onload=\"initialize()\">" + 
          "<div id=\"map_canvas\"></div>" + 
        "</body>" + 
        "</html>";


           engine.loadData(data, "text/html", "UTF-8");


            }
        }

I am also getting this error in my log cat window:11-26 12:37:17.653: DEBUG/SntpClient(60): request time failed: java.net.SocketException: Address family not supported by protocol — Muhammad Maqsoodur Rehman, Nov 26 '10 at 07:38

score 3 · Accepted Answer · edited May 23 '17 at 10:26

3

You have followed the hints on existing questions?

google map not showing after publishing android application?

Does anyone know why my maps only show grid

internet permission given in manifest?
maps key correct?

edited May 23 '17 at 10:26

Community

1
1

answered Nov 26 '10 at 08:11

Mathias Conradt

28,420
21
138
192

1

I am already using the right permissions in my manifest file: – Muhammad Maqsoodur Rehman Nov 26 '10 at 09:27
1

Also if you look into the HTML source then there is not key being used . What could be the issue then? – Muhammad Maqsoodur Rehman Nov 26 '10 at 09:29
1

I have discovered that javascript does not run in my webview at all. Although, i have enabled javascript via calling engine.getSettings().setJavaScriptEnabled(true) method. Why javascript is not running at all? – Muhammad Maqsoodur Rehman Nov 29 '10 at 07:10

mchang · Answer 2 · 2010-12-06T02:02:09.173

Your code:

engine.loadData(...)

does not allow for loading of network resources. Therefore, since the HTML snippet attempts to load a lot of resources from the network, it won't work at all. It is limited in what it can display. Check the docs: http://developer.android.com/reference/android/webkit/WebView.html

Maybe the loadDataWithBaseURL will work better? I don't know for sure. I tried loading your code, and it uses a lot of remote javascript, which may be a problem when loaded from a static/local HTML string.

EDIT 12.05.2010:

If you have access to a server somewhere (easy), you should just publish the HTML and use the loadUrl method on the webview. The exact instructions come from Google themselves, with the Maps API documentation, here:

http://code.google.com/apis/maps/articles/android_v3.html http://gmaps-samples.googlecode.com/svn/trunk/articles-android-webmap/

Mark

score 1 · Answer 3 · answered Nov 30 '10 at 22:21

1

Are you in a network that need proxy to access Internet? If yes you need to set proxy for emulator.

http://developer.android.com/guide/developing/tools/emulator.html#proxy

answered Nov 30 '10 at 22:21

aleung

9,848
3
55
69

Whats the issue with the android emulator to display map in Web View

3 Answers3