我的Google地图上没有显示缩放控制和街景视图？

Question

我正在将一个非常基本的Google地图插入到我的页面中,并且缩放控件和街道图图标不可见,但是如果我将鼠标放在应该放置的位置,我可以缩放地图并输入街景.所以控件就在那里不可见.

<script type="text/javascript"
    src="//maps.googleapis.com/maps/api/js?key=<apikey>&sensor=false&region=IT">
</script>

var myOptions = {
    zoom: 17,
    center: latlng,
    panControl: true,
    zoomControl: true,
    zoomControlOptions: {
        style: google.maps.ZoomControlStyle.LARGE
    },
    scaleControl: true,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

任何想法可能是什么问题？

Answer 1

这绝对是您的代码中的CSS问题.查找适用于所有图像的CSS,例如:

img {
  max-width: 100%;
}

Answer 2

我有这个问题,修复是包括这个CSS ...

.gmnoprint img { max-width: none; }

CSS选择器.gmnoprint img将获取非打印[noprint]的Google Map [gm]控件上的所有图像[img].在我的情况下,max-width全球设置为100%.解决这个问题解决了这个问题.