In my application, I am using Android Map V3 and have encountered a bug specific to the Kit-Kat version. The chromium kit throws up an error message - nativeOnDraw failed; clearing to background color, which prevents the map from being displayed.
Despite trying various solutions recommended at WebView Rendering Issue in Android KitKat (such as disabling hardware acceleration and changing the background color), none of them have worked for me so far.
I explored other forums where a workaround was suggested by setting the borderRadius of the webview to a value greater than 0.
My question pertains to how I can set the border radius on the webview. I assume this is done through a separate JavaScript file, but I am struggling to piece it all together.
It seems that this issue has persisted since the inception of Kit-Kat. Hasn't there been a fix for this yet?
Note: The view briefly loads the map before reverting to a blank state.
My HTML-JS code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0; padding: 0}
#map-canvas { height: 100% }
</style>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=MY_KEY"></script>
var map;
<script type="text/javascript">
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 mapOptions = {zoom: 20, center: myLatLng, mapTypeId: google.maps.MapTypeId.ROADMAP};
map = new google.maps.Map(document.getElementById('map-canvas'),mapOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"></div>
</body>
In my class, I add the above HTML code (stored in the assets folder) to the webview.
map = (WebView) rootView_Parent.findViewById(R.id.mapview);
map.loadUrl("file:///android_asset/mapurl.html");
map.getSettings().setJavaScriptEnabled(true);
map.setLayerType(View.LAYER_TYPE_SOFTWARE, null);