[OpenLayers-Users] jQuery Mobile Cannot get map to display
ANC
anajera at bicimapas.com.mx
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.
More information about the Users
mailing list