Javascript 在谷歌地图api v3中单击信息窗口后的奇怪缩放控件

在点击谷歌地图API v3上的信息窗口后，我得到了奇怪的缩放控制。通过下面的链接查看图片

有人能帮我解释为什么会发生这种事吗？这似乎发生在我在Android应用程序的网络视图中显示地图时，而不是在使用Firefox时

这方面的一个例子如下：

我的代码如下：

function initialize() {
 var myLatlng = new google.maps.LatLng(mylat[0],mylng[0]);

   var mapOptions = {
   zoom: 14,
   center: myLatlng,
   disableDefaultUI: true,
   zoomControl: true

   }


  var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

  var infoWindows = [];
  var myicon = [];
  var marker = [];


  for(var i = 0; i < mytitle.length; i++)
  {


      var myiconX = {
    url: "https://chart.googleapis.com/chart?chst=d_map_pin_icon&chld=beer" + "|" + mycol[i] + "|000000"
      };


      var myplaceX = new google.maps.LatLng(mylat[i],mylng[i]);
      var markerX = new google.maps.Marker({
          position: myplaceX,
          map: map,
          icon: myiconX,
          title: mytitle[i],
          infoWindowIndex : i  
      });

        var contentString = '<div id="content">' + mytitle[i] + '</div>';

        var infoWindow = new google.maps.InfoWindow({
            content : contentString

        });

        google.maps.event.addListener(markerX, 'click', 
            function(event)
            {
                infoWindows[this.infoWindowIndex].open(map, this);
            }
        );

        infoWindows.push(infoWindow);

        marker.push(markerX); 





   }


   myicon[0] = "http://chart.apis.google.com/chart?chst=d_map_pin_icon&chld=glyphish_walk|33CCFF|000000";



   marker[0] = new google.maps.Marker({
   position: myLatlng,
   map: map,
   icon: myicon[0],
   title: mytitle[0]
   });





   var bounds = new google.maps.LatLngBounds();

   for (var i=0; i < marker.length; i++) {

     if (marker[i] == null) {

      }
     else
      {
         bounds.extend(marker[i].getPosition());
      }

    }

    map.fitBounds(bounds);


}





google.maps.event.addDomListener(window, 'load', initialize);

函数初始化（）{
var myLatlng=new google.maps.LatLng（mylat[0]，mylng[0]）；
变量映射选项={
缩放：14，
中心：myLatlng，
disableDefaultUI:true，
动物控制：正确
}
var map=new google.maps.map（document.getElementById（'map-canvas'），mapOptions）；
var infoWindows=[]；
var myicon=[]；
var标记=[]；
对于（变量i=0；i

您是否碰巧使用了引导？或者在视网膜显示器上观看？最近bootstrap干扰了我正在构建的一个站点上的GoogleMaps，删除bootstrap css修复了这个问题。这只发生在视网膜屏幕上。我认为我对bootstrap的CSS文件所做的修复非常简单

找到了解决方法。对于InfoWindow.content，请使用以下字符串：

''+text+''

其中文本是要在信息窗口中显示的内容。不知何故，这解决了我只在KindleFire设备上看到的怪异变焦控制的问题