Databases
StackOverflow2013
Postsdbo
POGoogle maps with JQuery Mobile and jquery-ui-map
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POGoogle maps with JQuery Mobile and jquery-ui-map
    text
    copied!<p>I'm using the jQuery UI Map libary (<a href="https://code.google.com/p/jquery-ui-map/" rel="nofollow">https://code.google.com/p/jquery-ui-map/</a>) to display a map on my html5 mobile website, however i'm only getting a grey square no matter what i try.</p> <p>My code:</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta name="viewport" content="initial-scale=1.0, user-scalable=no"&gt; &lt;meta name="apple-mobile-web-app-capable" content="yes"&gt; &lt;meta name="apple-mobile-web-app-status-bar-style" content="black"&gt; &lt;title&gt;test&lt;/title&gt; &lt;link rel="stylesheet" href="https://d10ajoocuyu32n.cloudfront.net/mobile/1.3.1/jquery.mobile-1.3.1.min.css"&gt; &lt;script src="https://d10ajoocuyu32n.cloudfront.net/jquery-1.9.1.min.js"&gt;&lt;/script&gt; &lt;script src="https://d10ajoocuyu32n.cloudfront.net/mobile/1.3.1/jquery.mobile-1.3.1.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="https://local url/js/jquery-ui.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="https://local url/js/jquery.ui.map.full.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=true"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div data-role="page" id="main"&gt; &lt;div data-role="content"&gt; &lt;p&gt; TEST SITE &lt;/p&gt; &lt;p&gt; &lt;canvas id="map_canvas" style="width:50%;height:50%"&gt;&lt;/canvas&gt; &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;script&gt; $(document).ready(function() { $('#map_canvas').gmap(); $('#map_canvas').gmap({ 'center': '42.345573,-71.098326' }); $('#map_canvas').gmap({ 'zoom': 8 }); $('#map_canvas').gmap('refresh'); }); &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>The result i get is this:</p> <p><a href="http://upload.mattie-systems.nl/uploads/28217-knipsel.png" rel="nofollow">http://upload.mattie-systems.nl/uploads/28217-knipsel.png</a></p> <p>Any help would be greatley appreciated!</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload