更改Google地图控件的位置?

时间:2013-11-11 21:49:03

标签: javascript google-maps-api-3

使用Google Maps API时,您可以像这样设置控件的位置。

function initialize() {
  var mapOptions = {
    zoom: 12,
    center: new google.maps.LatLng(-28.643387, 153.612224),
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    mapTypeControl: true,
    mapTypeControlOptions: {
        style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
        position: google.maps.ControlPosition.BOTTOM_CENTER
    }
  }
  var map = new google.maps.Map(document.getElementById('map-canvas'),
                                mapOptions);
}

google.maps.event.addDomListener(window, 'load', initialize);

我想根据用户屏幕设置位置。我有一个变量isMobile并尝试配置这样的位置:

  position: (isMobile)?google.maps.ControlPosition.BOTTOM_CENTER:position: google.maps.ControlPosition.TOP_CENTER

但是这没用。还有其他方法可以达到我的目的吗?

谢谢!

1 个答案:

答案 0 :(得分:1)

您的语法有错误,您尝试两次添加position。 试试这样:

mapTypeControlOptions: {
    style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
    position: google.maps.ControlPosition[isMobile?'BOTTOM_CENTER':'TOP_CENTER']
}