Элементы управления

Описание

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

Скрытие элементов управления по умолчанию

Если необходимо получить "чистую" карту, без лишних элементов управления, тогда вам поможет следующий пример:

<!DOCTYPE html>
<html>
    <head>
        <title>Скрытие элементов управления по умолчанию</title>
        <script src="https://maps.api.2gis.ru/2.0/loader.js"></script>
    </head>
    <body>
        <div id="map" style="width: 100%; height: 400px;"></div>
        <script>
            DG.then(function() {
                var map = DG.map('map', {
                    center: [54.98, 82.89],
                    zoom: 13,
                    fullscreenControl: false,
                    zoomControl: false
                });
            });
        </script>
    </body>
</html>

Отображение элементов управления в разных частях карты

<!DOCTYPE html>
<html>
    <head>
        <title>Отображение элементов управления в разных частях карты</title>
        <script src="https://maps.api.2gis.ru/2.0/loader.js"></script>
    </head>
    <body>
        <div id="map" style="width: 100%; height: 400px;"></div>
        <script>
            DG.then(function() {
                var map = DG.map('map', {
                    center: [54.98, 82.89],
                    zoom: 13
                });

                DG.control.location({position: 'bottomright'}).addTo(map);
                DG.control.scale().addTo(map);
                DG.control.ruler({position: 'bottomleft'}).addTo(map);
                DG.control.traffic().addTo(map);
            });
        </script>
    </body>
</html>