Note that there are some explanatory texts on larger screens.

plurals
  1. POgoogle map v3 is not fully displayed in html5
    primarykey
    data
    text
    <p>google map v3 is not fully displayed in html5, phonegap.<img src="https://i.stack.imgur.com/3m207.png" alt="enter image description here"></p> <p>This map is drag-able, here is JavaScript code(main.js)</p> <pre><code> var map; function initialize() { var myLatlng = new google.maps.LatLng(-25.363882,131.044922); var myLatlng2 = new google.maps.LatLng(-24.363882,131.044922); var myOptions = { center: myLatlng, zoom:5, mapTypeId: google.maps.MapTypeId.ROADMAP }; map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); setMarker(myLatlng); setMarker(myLatlng2); } function setMarker(p) { marker = new google.maps.Marker({ position: p, title:"Hello World 2!" }); marker.setMap(map); } initialize(); </code></pre> <p>and here is my html </p> <pre><code> &lt;!DOCTYPE HTML&gt; &lt;html&gt; &lt;head&gt; &lt;meta name="viewport" content="initial-scale=1.0; maximum-scale=1.0; user-scalable=yes;" /&gt; &lt;meta http-equiv="Content-type" content="text/html; charset=utf-8"&gt; &lt;link rel="stylesheet" href="css/jquery.mobile.css" /&gt; &lt;link href="css/styles.css" rel="stylesheet" type="text/css" /&gt; &lt;script type="text/javascript" charset="utf-8" src="js/cordova-1.9.0.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" charset="utf-8" src="js/jquery-1.6.3.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" charset="utf-8" src="js/jquery.mobile-1.1.0.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" charset="utf-8" src="js/tabs.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="jquery.ui.map/jquery.ui.map.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="jquery.ui.map/jquery.ui.map.services.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" charset="utf-8" src="js/main.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="page-id" data-role="page" &gt; &lt;div id="map-container"&gt;&lt;div id="map_canvas" style="height:600px; width:600px;"&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>css</p> <pre><code> #map-container { padding: 6px; border-width: 1px; border-style: solid; border-color: #ccc #ccc #999 #ccc; -webkit-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px; -moz-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px; box-shadow: rgba(64, 64, 64, 0.1) 0 2px 5px; width: 600px; } #map_canvas { width: 600px; height: 400px; } </code></pre> <p>Please suggest me solution where is the problem if I inspect it in firebug it loads completely and show a complete map in div.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

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