控制定位

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

它有css ......

#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
},