谷歌地图 V3 缩放控件未显示

Question

我没有看到缩放控件没有显示的原因，因为在我的选项中控件没有被禁用？这是v3谷歌地图...有人遇到过类似的问题吗？我可以使用鼠标滚轮或笔记本电脑的触摸板缩放，但加减号图标会更好！

var geocoder;
  var map;

  function initialize() {
    geocoder = new google.maps.Geocoder();
    var latlng = new google.maps.LatLng(42.095287, -79.3185139);
    var myOptions = {
        maxZoom: 12,
      //zoom: 9,
      //center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP,
    };
    map = new google.maps.Map(document.getElementById("map_canvas"),
        myOptions);
   }

- Anjana Sharma

---

如果同时使用 zoom: 9 和 maxZoom: 12 会发生什么？ - Ersel Aker

Answer 1

您需要使用缩放和中心属性来正确显示地图，以下是使用您的选项构建的地图的jsfiddle链接。 http://jsfiddle.net/5ytkx/9/ 请在缩放和中心属性之前删除注释。

 zoom: 9,
 center: latlng,

- Ersel Aker

---

非常感谢！虽然答案不同，但你点亮了我的思维之灯！我比较了你的 fiddle 和我的 Sharepoint 页面之间的 CSS，在嵌入地图的一个 CSS 类 .gmnoprint{display:none !important;} 是罪魁祸首！难怪所有控件都消失了！ :) - Anjana Sharma

Answer 2

这可能是因为你的myOptions变量包含了一个尾随逗号吗？

mapTypeId: google.maps.MapTypeId.ROADMAP,

如果你移除那个，它还能正常工作吗？

希望这可以帮到你。

- shanabus

---

我删掉了逗号，地图显示正常，但仍然没有控件！:( - Anjana Sharma

Answer 3

你能试试这个吗？

mapTypeId: google.maps.MapTypeId['ROADMAP']

- MacMac