Javascript 更改谷歌地图控件的位置?
当使用GoogleMapsAPI时,您可以像这样设置控件的位置Javascript 更改谷歌地图控件的位置?,javascript,google-maps-api-3,Javascript,Google Maps Api 3,当使用GoogleMapsAPI时,您可以像这样设置控件的位置 function initialize() { var mapOptions = { zoom: 12, center: new google.maps.LatLng(-28.643387, 153.612224), mapTypeId: google.maps.MapTypeId.ROADMAP, mapTypeControl: true, mapTypeControlOptions:
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
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
position: google.maps.ControlPosition[isMobile?'BOTTOM_CENTER':'TOP_CENTER']
}
但这并不奏效。有没有其他方法可以实现我的目标
谢谢 您的语法有错误,您尝试添加两次
位置。
试着这样做:
position: (isMobile)?google.maps.ControlPosition.BOTTOM_CENTER:position: google.maps.ControlPosition.TOP_CENTER
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
position: google.maps.ControlPosition[isMobile?'BOTTOM_CENTER':'TOP_CENTER']
}
尝试position:isMobile?google.maps.ControlPosition.BOTTOM\u CENTER:google.maps.ControlPosition.TOP\u CENTER
。