佩格曼从我的地图上消失了

Question

从我记事起，街景pegman就出现在我的地图上。今天，我注意到他没有出现(尽管如果你知道在哪里鼠标抓住他，你仍然可以看到街景)。我的缩放控制同样消失了(但仍然存在，如果你知道鼠标在哪里)，但不是在移动设备上，它似乎显示得很好。

我的第一个猜测是这是最近引入的地图API中的一个错误。但是在API的URL中指定v=3.4并不能纠正这个问题。

我做错了什么吗?如果没有，是否有解决方法?

下面是我创建地图的方法:

<script type="text/javascript">
var lat=<?php echo $lat; ?>;
var lon=<?php echo $lon; ?>;
var initialZoom=<?php echo $initialZoom; ?>;
var mapTypeId = 'Custom Map';
var mapStyle = [{featureType:"administrative", elementType:"all", stylers:[{hue:"#dae6c3"},{saturation:22},{lightness:-5}]}, 
                {featureType:"landscape", elementType:"all", stylers:[{hue:"#dae6c3"},{saturation:16},{lightness:-7}]},
                {featureType:"road", elementType:"geometry", stylers:[{hue:"#ffffff"},{saturation:-100},{lightness:100}]}];
var styledMap = new google.maps.StyledMapType(mapStyle);
var mapType = new google.maps.ImageMapType({
    tileSize: new google.maps.Size(256,256),
    getTileUrl: function(coord,zoom) {
        return "img/tiles/"+zoom+"/"+coord.x+"/"+coord.y+".png";
    }
});
var map = new google.maps.Map(document.getElementById("map_canvas"), 
        {center:new google.maps.LatLng(lat,lon),
         mapTypeId:google.maps.MapTypeId.ROADMAP,
         zoom:initialZoom,
         mapTypeControl:false});
map.overlayMapTypes.insertAt(0, mapType);
map.mapTypes.set(mapTypeId, styledMap);
map.setMapTypeId(mapTypeId);
</script>

Answer 1

我最近添加了这个导致问题的CSS规则:

img {
    max-width: 100%; 
}