谷歌地图JavaScript没有完全加载到移动浏览器上

我的问题是，我有一些javascript代码调用google maps API，当我在桌面上使用浏览器查看它时，它显示得很好，我使用的浏览器是google chrome，但当我尝试使用android手机查看它时，它不会显示满，但当我旋转屏幕时，它工作得很好

当我旋转屏幕时，屏幕加载良好

下面是我的代码

var markers = new Array();
var map ;
function initialize(locations,firstLat,firstLng,hovericon,zoomLevel) {
  var locations = locations; 
  map = new google.maps.Map(document.getElementById('map_canvas'), {
    scrollwheel           : false,
    zoom                  : zoomLevel,
    center                : new google.maps.LatLng( parseFloat(firstLat),  parseFloat(firstLng)),
    disableDefaultUI      : false,
    streetViewControl     : false,
    mapTypeControlOptions : { mapTypeIds: [] },
    mapTypeId             : google.maps.MapTypeId.ROADMAP
  });   
  map.setOptions({ minZoom: 3, maxZoom: 20 });
  var marker, i;
  map.setOptions({styles: styles});
  Object.size = function(obj) {
   var size = 0, key;
      for (key in obj) {
          if (obj.hasOwnProperty(key)) size++;
      }
      return size;
   };
    var markerclusterer = null;
    var mc = new MarkerClusterer(map);
    for (i = 0; i < Object.size(locations); i++) { 
      marker = new google.maps.Marker({
        position     : new google.maps.LatLng(locations[i][1], locations[i][2]),
        icon         : site_url+'assets/front/images/'+locations[i][4],
        map          : map,
        jobID        : locations[i][3],
        draggable    : false,
        originalicon : site_url+'/assets/front/images/'+locations[i][4],
        hovericon    : site_url+'assets/front/images/'+hovericon,
        zIndex       : Math.round((locations[i][1], locations[i][2])*-100000)<<5
      });
      google.maps.event.addListener(marker, 'click', function() {
        //alert(this.jobID);
        var appElement=document.querySelector('[ng-app=yolomd]');
        var $rootscope = angular.element(appElement).scope();
        console.log($rootscope);
        $rootscope.ismarkerClicked=this.jobID;
        $rootscope.$apply();
          // window.location.href = this.jobID;
      });
      google.maps.event.addListener(marker, "mouseover", function() {
          this.setIcon(this.hovericon);
      });
      google.maps.event.addListener(marker, "mouseout", function() { 
          this.setIcon(this.originalicon); 
      });
      markers.push(marker);
      mc.addMarker(marker);
      function AutoCenter() 
      {
        var bounds = new google.maps.LatLngBounds();
          $.each(markers, function (index, marker) {
            bounds.extend(marker.position);
          });
        map.fitBounds(bounds);
      }

     if(zoomLevel==10){
       AutoCenter();
      }
      google.maps.event.trigger(map, "resize");
    }
}

var markers=new Array（）；
var映射；
函数初始化（位置、firstLat、firstLng、悬停图标、zoomLevel）{
var位置=位置；
map=new google.maps.map（document.getElementById（'map_canvas'）{
滚轮：错误，
zoom:zoomLevel，
中心：新的google.maps.LatLng（parseFloat（firstLat），parseFloat（firstLng）），
disableDefaultUI:false，
街景控制：错误，
mapTypeControlOptions:{MapTypeId:[]}，
mapTypeId:google.maps.mapTypeId.ROADMAP
});   
setOptions（{minZoom:3，maxZoom:20}）；
var标记，i；
setOptions（{styles:styles}）；
Object.size=函数（obj）{
变量大小=0，键；
用于（输入obj）{
if（obj.hasOwnProperty（key））size++；
}
返回大小；
};
var-markerclusterer=null；
var mc=新的标记聚类器（map）；
对于（i=0；izIndex:Math.round（（locations[i][1]，locations[i][2]）*-100000）如果你使用Android设备，google Chrome可以选择连接到该设备并使用开发工具。实际上，你将获得该设备的Chrome控制台


通过这种方式，您可以看到抛出的错误，如果javascript函数有问题，或者在运行中更改参数

我希望这会有所帮助。
如果你使用Android设备，google Chrome可以选择连接到该设备并使用开发工具。实际上，你将获得该设备的Chrome控制台


通过这种方式，您可以看到抛出的错误，如果javascript函数有问题，或者在运行中更改参数

我希望这有帮助