2gis-maps
Version:
Interactive 2GIS maps API, based on Leaflet
76 lines (72 loc) • 4.23 kB
HTML
<h2 id="элементы-управления">Элементы управления</h2><p><dl class="api-incut"><ul class="page-contents"><li><a href="#описание">Описание</a></li><li><a href="#скрытие-элементов управления по умолчанию">Скрытие элементов управления по умолчанию</a></li><li><a href="#отображение-элементов управления в разных частях карты">Отображение элементов управления в разных частях карты</a></li></ul></dl></p>
<h3 id="описание">Описание</h3><p>Ниже приведены примеры добавления, размещения и работы с элементами управления. Для получения подробной информации о работе
с элементами управления воспользуйтесь разделом документации <a href="/doc/maps/ru/manual/controls">Элементы управления</a>.</p>
<h3 id="скрытие-элементов управления по умолчанию">Скрытие элементов управления по умолчанию</h3><p>Если необходимо получить "чистую" карту, без лишних элементов управления, тогда вам поможет следующий пример:</p>
<script src="https://maps.api.2gis.ru/2.0/loader.js"></script>
<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>
<pre><code><!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>
</code></pre><h3 id="отображение-элементов управления в разных частях карты">Отображение элементов управления в разных частях карты</h3><p><div id="map1" style="width: 100%; height: 400px;"></div></p>
<script>
DG.then(function() {
var map = DG.map('map1', {
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>
<pre><code><!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>
</code></pre>