javascript - 更改 Google 地图控件的位置？

Question

使用 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

但这没有用。还有其他方法可以实现我想要的吗？

谢谢！

Answer 1

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

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