Google maps api 3 佩格曼已经从我的地图上消失了

Google maps api 3 佩格曼已经从我的地图上消失了,google-maps-api-3,Google Maps Api 3,在我记忆中,街景佩格曼一直出现在我的地图上。今天,我注意到他没有出现(尽管如果你知道鼠标移到哪里抓住他,你仍然可以看到街景)。我的缩放控制也同样消失了(但如果你知道在哪里使用鼠标,它仍然存在),但在移动设备上它似乎显示得很好 我的第一个猜测是,这是最近引入的mapsapi中的一个bug。但是在API的URL中指定v=3.4,并不能纠正这个问题 我做错什么了吗?如果没有,是否有解决办法 以下是我创建地图的方式: <script type="text/javascript"> var l

在我记忆中,街景佩格曼一直出现在我的地图上。今天,我注意到他没有出现(尽管如果你知道鼠标移到哪里抓住他,你仍然可以看到街景)。我的缩放控制也同样消失了(但如果你知道在哪里使用鼠标,它仍然存在),但在移动设备上它似乎显示得很好

我的第一个猜测是,这是最近引入的mapsapi中的一个bug。但是在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>

var-lat=;
var-lon=;
var initialZoom=;
var mapTypeId='自定义映射';
var mapStyle=[{featureType:“administrative”,elementType:“all”,样式器:[{hue:{dae6c3},{saturation:22},{lightness:-5}]},
{featureType:“景观”,elementType:“所有”,样式:[{hue:{dae6c3},{saturation:16},{lightness:-7}]},
{featureType:“road”,elementType:“geometry”,样式:[{色调:{FFFFFFFF},{saturation:-100},{lightness:100}]}];
var styledMap=new google.maps.StyledMapType(mapStyle);
var mapType=new google.maps.ImageMapType({
tileSize:new google.maps.Size(256256),
getTileUrl:函数(坐标、缩放){
返回“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,
缩放:初始化缩放,
mapTypeControl:false});
map.OverlyMapTypes.insertAt(0,mapType);
map.mapTypes.set(mapTypeId,styledMap);
map.setMapTypeId(mapTypeId);

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

img {
    max-width: 100%; 
}

删除该规则修复了问题。

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

img {
    max-width: 100%; 
}

删除该规则解决了这个问题。

这对我来说很有效:你能用叉子叉小提琴并更新它,直到它显示出你的问题吗?任务通过JSFIDLE小提琴完成。谢谢你的安排。我最近添加了一个CSS规则,它扰乱了pegman控件的显示。这对我来说很有用:你能用叉子叉一下并更新它,直到它显示出你遇到的问题吗?任务通过JSFIDLE FIDLING完成。谢谢你的安排。我最近添加了一个CSS规则,它把pegman控件的显示搞得一团糟。