Titanium JIRA Archive
Appcelerator Community (AC)

[AC-4432] Webview rendering issue on 5.4.0 GA under Android

GitHub Issuen/a
TypeBug
Priorityn/a
StatusClosed
ResolutionNeeds more info
Resolution Date2016-10-04T16:09:39.000+0000
Affected Version/sn/a
Fix Version/sn/a
ComponentsTitanium SDK & CLI
Labelsandroid, webView
ReporterMichele de Rosa
AssigneeShak Hossain
Created2016-09-06T11:25:12.000+0000
Updated2016-10-10T09:21:42.000+0000

Description

I am experiencing an issue on the webview component when switching from the version 5.3.1 GA to 5.4.0 GA. The webview contains some layers: one of them is a tile layer and others are WMS layers. It seems that the opacity param of the WMS layer has not been taken into account by the webview under 5.4.0 GA. The result is that I can see only the WMS images without the underlying cartography. The issue appears on both versions (5.3.1 GA and 5.4.0 GA) when trying to take a screenshot by calling the Ti.Media.taksScreenShot function. Finally, the issue seems to not affect iOS. I attach some screenshots.

Attachments

FileDateSize
Pasted image at 2016_09_06 09_26 AM.png2016-09-06T11:22:49.000+00002196552
Pasted image at 2016_09_06 09_28 AM.png2016-09-06T11:23:14.000+0000451211

Comments

  1. Sharif AbuDarda 2016-09-29

    Hello, Can you share sample code for us to test? we will look into it. Send a list of steps to follow for successful regeneration. Thanks.
  2. Michele de Rosa 2016-10-10

    Hi, sorry for the late response. This is a snippet of my HTML code inside the webview: {quote} map = L.map('map', { minZoom: 4, maxZoom: 10, zoomControl: false, // measureControl: true, fullscreenControl: true, timeDimension: true, timeDimensionControl: true, timeDimensionControlOptions: { playerOptions: { loop: true } }, timeDimensionOptions: { timeInterval: startDate + "/PT1H30M", period: "PT15M", currentTime: timeMs + 75 * 60 * 1000 // start time 30 mins before current time } }); baseLayers['No Background'] = L.tileLayer('https://{s}.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWljZGVyIiwiYSI6ImQwMzE3MzIyZDhiNWRiZGIyYmE3M2NlZjcyYmM3YTBkIn0.hkWDN9OoMhGqI6rHsw02Pw', { maxZoom: 18, attribution: 'Map data © http://openstreetmap.org">OpenStreetMap contributors, ' + 'http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA, ' + 'Imagery © http://mapbox.com" >Mapbox' + ', StormTrack data © http://www.mondometeo.org">Mondometeo, ' + '© http://www.geo-k.co">GEO-K', id: mapType }); var eumsLayerAirMass = L.tileLayer.wms('http://eumetview.eumetsat.int/geoserv/wms', { minZoom: 0, maxZoom: 18, layers: 'meteosat:msg_airmass', styles: '', format: 'image/png8', CRS: 'EPSG:3857', //TIME: date, transparent: true, opacity: opacity, version: '1.3.0', zIndex: 1 }); var baseAirMass = L.tileLayer('https://{s}.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWljZGVyIiwiYSI6ImQwMzE3MzIyZDhiNWRiZGIyYmE3M2NlZjcyYmM3YTBkIn0.hkWDN9OoMhGqI6rHsw02Pw', { maxZoom: 18, attribution: 'Map data © http://openstreetmap.org">OpenStreetMap contributors, ' + 'http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA, ' + 'Imagery © http://mapbox.com" >Mapbox' + ', StormTrack data © http://www.mondometeo.org">Mondometeo, ' + '© http://www.geo-k.co">GEO-K.Credits Eumetsat', id: mapType, zIndex: 0 }); var eumsGroupAirmass = L.layerGroup(); var tdLayerAirmass = L.timeDimension.layer.wms(eumsLayerAirMass); baseAirMass.addTo(eumsGroupAirmass); tdLayerAirmass.addTo(eumsGroupAirmass); baseLayers['Day & Night'] = eumsGroupAirmass; baseLayers['Day & Night'].addTo(map); layerControl = L.control.layers(baseLayers, null, { collapsed: true, position: 'topleft' }); layerControl.addTo(map); {quote} I'm using leaflet. Regards Michele de Rosa

JSON Source