Google Maps во весь экран

Google Maps во весь экран

Если вы воспользуетесь данным уроком, то Вы можете добавить эту опцию к вашим собственным приложениям Google Maps (если вы используете версию 3 API).

Во-первых, вам необходимо скачать этот файл Javascript.

Затем добавьте ссылку на файл в формате HTML между тегами <head>

<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
 <script src="js/FullScreenControl.js" type="text/javascript"></script>

Наконец, добавьте контроллер на карту, с помощью следующих строк Javascript

map.controls[google.maps.ControlPosition.TOP_RIGHT].push(
FullScreenControl(map, [Полный экран],
[Нормальный вид]));

Ваша карта должна выглядеть примерно так, как показано ниже.

Начиная с версии 1.08, объект, возвращаемый из метода FullScreenControl имеет два метода, goFullScreen и exitFullScreen, так что вы можете вызвать их программно,чтобы перейти в полноэкранный режим или выйти из него.

Код был протестирован в большинстве браузеров, но ,возможно, может не работать на конкретных макетах страниц.

Добавить комментарий

Ваш адрес email не будет опубликован.