Примеры Google Maps API №2: Прячем элементы управления картой

Кросс-пост второй маленькой статейки на тему Google Maps API из моего блога. На этот раз речь пойдет о том, как скрыть элементы управления картой.

ПРЯЧЕМ ЭЛЕМЕНТЫ УПРАВЛЕНИЯ КАРТОЙ

Если Вы не хотите, чтобы элементы управления не загромождали Вашу карту, то их можно очень легко спрятать. При наведении мышки они будут вновь появляться, а как только указатель мыши будет выведен из области, ограниченной div'ом с картой, они будут исчезать.
Для этого необходимо добавить следующий код, после того, как в функции init(), Вы проинициализируете карту и подключите к ней элементы управления:

map.hideControls();

Но это еще не все: если оставить все, как есть, то элементы управления так и не появятся. Для того, чтобы они появлялись при наведении на div и исчезали при выводе указателя из зоны этого div’а, нужно вставить следующий код сразу за предыдущим:

GEvent.addListener(map, "mouseover", function(){
map.showControls();
});
GEvent.addListener(map, "mouseout", function(){
map.hideControls();
});

Все оказалось очень-очень просто! Работающий пример лежит здесь.