谷歌地图v3缩放控件没有显示

时间:2012-02-23 22:08:56

标签: javascript google-maps controls zoom

我没有看到任何原因导致缩放控件没有显示,因为我的选项中没有禁用控件?这是v3 google map ..有没有人遇到过类似的问题?我可以使用鼠标滚动按钮或笔记本电脑的触摸板滚动来放大和缩小..但图标+/-会很棒!

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);
   }

3 个答案:

答案 0 :(得分:2)

您必须使用缩放和中心属性才能正确显示地图,这里是使用您的选项构建的地图的jsfiddle。 http://jsfiddle.net/5ytkx/9/

在缩放和居中属性之前删除注释

 zoom: 9,
 center: latlng,

答案 1 :(得分:0)

可能是因为您的myOptions变量包含尾随逗号吗?

mapTypeId: google.maps.MapTypeId.ROADMAP,

如果删除它会起作用吗?

希望这有帮助

答案 2 :(得分:0)

你可以尝试一下吗?

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