Я использую карты Google в мобильном приложении, используя html и javascript. Когда я загружаю карту, я могу видеть только 5% карты в верхнем левом углу. 95% контейнера div серого. Когда я хочу проверить div с Firebug, вся карта загружается внезапно. Что это может быть? Я попробовал уже несколько потоков Stackoverflow, но ни одно решение для меня не работало. Спасибо.
код:
<link type="text/css" rel="stylesheet" href="jquery.mobile...>
<link type="text/css" rel="stylesheet" href="index.css">
<script type="text/javascript" src="jquery.mobile...></script>
<script type="text/javascript" src="jquery.mobile/jquery.mobile...></script>
<script type="text/javascript" charset="utf-8" src="cordova-2.1.0.js"> </script>
<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8" src="index.js"></script>
<div id="map" style="width: 700px; height: 700px;"></div>
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 10,
center: new google.maps.LatLng(-33.92, 151.25),
mapTypeId: google.maps.MapTypeId.ROADMAP
});
index.js
$(document).ready(function() {
$(window).resize(function() {
google.maps.event.trigger(map, 'resize');
});
});
Когда я использую атрибуты div, измеренные в% или em, он вообще не работает.