Question

只要我记得，街景街景小人已经出现在我的地图上。今天，我注意到他没有出现（虽然如果你知道鼠标移到哪里抓住他，你仍然可以看到街景）。我的变焦控制也同样消失了（但如果你知道鼠标在哪里，它仍然存在），但在移动设备上看起来没有显示得很好。

我的第一个猜测是，这是最近推出的Maps 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%; 
}

删除该规则可解决问题。

Pegman从我的地图上消失了

1 个答案: