Google Maps JavaScript V3 comes up blank when shown in a WebView - nothing renders.
I am testing with the exact script as shown in the API documentation (except the API key is added), also copied below: [https://developers.google.com/maps/documentation/javascript/tutorial#LoadingMap]
The demo file and Maps API work great on desktop browsers and for iOS and older Android, but fails on KitKat (tested on Galaxy S5 and Moto-X).
I have posted the test file to a web server and opened it from Chrome directly, and the code works fine on the same device outside of Titanium. The only case that fails is the Titanium WebView with Android 4.4. I am building with Titanium version 3.2.3GA.
Has anyone seen this or have a suggestion?
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<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=[---api-key---]&sensor=false">
</script>
<script type="text/javascript">
function initialize() {
var mapOptions = {
center: new google.maps.LatLng(-34.397, 150.644),
zoom: 8
};
var map = new google.maps.Map(document.getElementById("map-canvas"),
mapOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"/>
</body>
</html>
