Google maps 谷歌地图api v3导航控制css

这是否可以使用CSS更改Google map API v3的navigationControl的位置

---

我在谷歌搜索中找不到任何有用的东西。

设置默认控件（如导航控件）位置的推荐方法是使用javascript和您可以阅读的

ControlPosition

。

不，这是不可能的，或者至少是非常困难的，因为导航控件没有id或类名

但您可以通过插入如下“不可见”div来“推动”控件：

var latlng = new google.maps.LatLng(-34.397, 150.644);
var myOptions = {
    zoom: 8,
    center: latlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    navigationControlOptions: {
        position: google.maps.ControlPosition.RIGHT_CENTER
    }
};
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

var pushDiv = document.createElement('div');
pushDiv.style.height = '250px';
map.controls[google.maps.ControlPosition.RIGHT_CENTER].push(pushDiv);

在这里，我将导航控件推到更靠近顶部的位置。

此示例应该会有所帮助