This is the complete code I am using in that google maps screen.
<!-- hook up to the init event of the view and initialize the google map -->
<div data-role="view" data-init="buildMap" id="map" data-title="Map" zoom="true">
<div id="map_canvas" style="width:100%;"></div>
</div>
<script>
new kendo.mobile.Application(document.body, {layout: "default"});
//initialize the google map
function buildMap(e) {
var myOptions = {
center: new google.maps.LatLng(-34.397, 150.644),
zoom: 8,
mapTypeId: google.maps.MapTypeId.ROADMAP,
};
var mapElement = $("#map_canvas");
var container = e.view.content;
var map = new google.maps.Map(mapElement[0], myOptions);
}
</script>