[OpenLayers-Users] jQuery Mobile Cannot get map to display

Fri Mar 21 15:43:20 PDT 2014

Hello,

I am trying to show an OL map in Jquery Mobile. I found this sample code at

http://svn.geotools.org/sandbox/jgrocha/openlayers/examples/mobile-jq.html

and the header and footer show, but not the map.  Firebug shows no errors.
My map init function is called map and the target div is called
"map_element" (this function works well in a normal page).  Can someone help
me find what the problem is please?

<!DOCTYPE html>
			<html>
			<head> 
    		<meta http-equiv="Content-Type" content="text/html";
charset="ISO-8859-1" /> 
				<meta name="viewport" content="width=device-width, initial-scale=1.0,
maximum-scale=1.0, user-scalable=0">
    		<meta name="apple-mobile-web-app-capable" content="yes">
    		<title>Prueba JQM</title>
    		<link rel="stylesheet"
href="http://www.bicimapas.com.mx/jquery.mobile-1.2.1.min.css" />

    		<link rel="stylesheet" href="/ol/theme/default/style.css"
type="text/css">
    		<link rel="stylesheet" href="/ol/theme/default/style.mobile.css"
type="text/css">

    </head>
    <body>

OpenLayers with jQuery Mobile

        <div id="tags">
            mobile, jquery
        </div>
        <p id="shortdesc">
            Using jQuery Mobile to display an OpenLayers map.
        </p>
        <div data-role="page">
            <div data-role="header">
                <p>BiciMapas</p>
            </div>

            <div data-role="content">
                <div id="map_element"></div>
            </div>

            <div data-role="footer">
               <p>Explora</p> 
            </div>
        </div>
    </body>
</html>

--
View this message in context: http://osgeo-org.1560.x6.nabble.com/jQuery-Mobile-Cannot-get-map-to-display-tp5130434.html
Sent from the OpenLayers Users mailing list archive at Nabble.com.