google maps in jquery mobile

Question

When showing a google map in jquery mobile it appears (after reading the forums) that code like the following is required:

Answer 1

Quick and dirty fix that worked for me:

$('[data-role=content]')
  .height(
    $(window).height() - 
    (5 + $('[data-role=header]').last().height() 
    + $('[data-role=footer]').last().height())
  );
// tell google to resize the map
google.maps.event.trigger(map, 'resize');