Question

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

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

Answer 1

设置默认控件位置（例如navigationControl）的推荐方法是使用javascript和ControlPosition，您可以阅读here。

Answer 2

不可能，或者至少非常困难，因为导航控件没有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);

在这里，我将导航控件推到顶部。

Answer 3

此示例应有助于http://www.wolfpil.de/v3/textualzoom.html

谷歌地图api v3 navigationControl css

3 个答案: