Google map api v3 navigationControl css

Question

Можно ли изменить местоположение навигационного элемента управления API карты Google v3 с помощью CSS?

Я не могу найти ничего полезного из поиска Google.

Answer 1

Нет, это невозможно или, по крайней мере, очень сложно, потому что элементы управления навигацией не имеют идентификатора или имени класса.

Но вы можете «нажать» на элемент управления, вставив «невидимый» 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 2

Этот пример должен помочь http://www.wolfpil.de/v3/textualzoom.html

Answer 3

Рекомендованным способом установки местоположений элементов управления по умолчанию (например, navigationControl) является использование javascript и ControlPosition, которые вы можете прочитать о здесь .