缩放控制和街景不会显示在我的Google地图上？
我将一个非常基本的Google地图插入到我的页面中，并且缩放控制和街道地图图标不可见，但是如果将鼠标放在应该放置的位置，我可以缩放地图并input街景。 所以控制在那里只是不可见。
<script type="text/javascript" src="//maps.googleapis.com/maps/api/js?key=<apikey>&sensor=false®ion=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); 任何想法可能是什么问题？
这绝对是你的代码中的一个CSS问题。 寻找适用于所有图像的CSS，例如：
img { max-width: 100%; }
我有这个问题，修复是包括这个CSS …
.gmnoprint img { max-width: none; }
CSSselect器.gmnoprint img获取Google Map [gm]控件上的所有图像[img]，这些控件是非打印[noprint]。 在我的例子中， max-width已经被全局设置为100％。 取消这个解决了这个问题。
最好的解决scheme，以达到谷歌地图
.gmnoprint img { max-width: none; }
请注意，目前甚至无法在触摸设备上显示全尺寸的缩放滑块（ipad等）。 这里是文档：
http://code.google.com/apis/maps/documentation/javascript/controls.html
google.maps.ZoomControlStyle.SMALL显示一个迷你缩放控件，仅包含+和 – button。 这种风格适合小地图。 在触摸设备上，此控件显示为响应触摸事件的+和 – button。
google.maps.ZoomControlStyle.LARGE显示标准缩放滑块控件。 在触摸设备上，此控件显示为响应触摸事件的+和 – button。
我遇到了一个变种，有问题的CSS看起来像：
img { max-width: 100%; max-height: 100%; }
我认为这可能是浏览器或您embedded此地图的页面内的代码的问题。
如果我看这个简单的hello世界代码，地图控件显示正常。 我将这张地图的地理编码与您的样本的地理位置相同，所以与地点无关。
当你使用这个样本时会发生什么？
<!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> html { height: 100% } body { height: 100%; margin: 0; padding: 0 } #map_canvas { height: 100% } </style> <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&sensor=true®ion=it"> </script> <script type="text/javascript"> function initialize() { var latlng = new google.maps.LatLng(45.38686, 8.91927); 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); } </script> </head> <body onload="initialize()"> <div id="map_canvas" style="width:100%; height:100%"></div> </body> </html>
