控制定位

Question

我有我加入到使用谷歌地圖V3的地圖進行控制，目前，它看起來像這樣：

見右箭頭是怎麼到一邊？

我使用此代碼當前正將它：

// Create a div to hold the control. 
var controlDiv = document.createElement('div'); 
var controlUI = document.createElement('button'); 
controlUI.id = "out"; 
controlUI.innerHTML = "<i class='icon-chevron-right'></i>"; 
controlDiv.appendChild(controlUI); 

Maps.map.controls[google.maps.ControlPosition.TOP_LEFT].push(controlDiv); 

它具有三網融合

#out {position:relative;top:5px;right:0;float:right;border:1px #aaa solid;border-left:0;padding:2px 4px;-webkit-border-top-right-radius: 2px;-webkit-border-bottom-right-radius: 2px;-moz-border-radius-topright: 2px;-moz-border-radius-bottomright: 2px;border-top-right-radius: 2px;border-bottom-right-radius: 2px;} 

但位置顯然是有點過。我怎樣才能讓自定義控件的默認控件向下移動？

Answer 1

爲了讓自己的事情變得簡單一些，我建議你也這樣做，就是把控制權移交給另一方，這不會傷害任何人。我相信它看起來好多了。

要做到這一點只需添加到您的地圖選項

mapTypeControl: false, 
panControl:true, 
panControlOptions: { 
    position: google.maps.ControlPosition.RIGHT_TOP 
}, 
zoomControl:true, 
zoomControlOptions: { 
    position: google.maps.ControlPosition.RIGHT_TOP 
}, 
streetViewControl:true, 
streetViewControlOptions: { 
    position: google.maps.ControlPosition.RIGHT_TOP 
},