浏览器大小更改后会显示Google地图

时间:2017-03-16 01:36:10

标签: javascript google-maps

问题在于,当我使用下面包含客户端密钥的代码时 第一个输入页面显示空谷歌地图,如果我调整一点点浏览器,地图就会出现。

我无法弄清楚出了什么问题...... 请帮忙。

enter image description here



$(document).on("pagecreate", function (event) { 
			    initMap();
        });

		function initMap()
		{ 
                var map_options = {
				center: new google.maps.LatLng(-16.5112321,-68.1224865),
				zoom: 20,
				mapTypeId: google.maps.MapTypeId.ROADMAP
		        }

			  map_canvas = document.getElementById('googleMap');
			  var map = new google.maps.Map(map_canvas, map_options);
		}

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
 <script src="https://maps.googleapis.com/maps/api/js"></script>
<div id="googleMap" style="width:100%;height:400px;"></div>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:2)

我使用过jQuery mobile的TABS,因此解决方案是初始化地图,然后TAB处于活动状态。 答案#55在https://issuetracker.google.com/issues/35818323

找到
FILE *file = fopen("v.txt", "w");
if (file != NULL) {
    fprintf(file, "Voltage: %u, Cfac: %u", voltage, cfac);
    fclose(file);
}