2gis-maps
Version:
Interactive 2GIS maps API, based on Leaflet
88 lines (75 loc) • 3.26 kB
Markdown
## Элементы управления
{toc}
### Описание
Ниже приведены примеры добавления, размещения и работы с элементами управления. Для получения подробной информации о работе
с элементами управления воспользуйтесь разделом документации <a href="/doc/maps/ru/manual/controls">Элементы управления</a>.
### Скрытие элементов управления по умолчанию
Если необходимо получить "чистую" карту, без лишних элементов управления, тогда вам поможет следующий пример:
<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>
<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>
### Отображение элементов управления в разных частях карты
<div id="map1" style="width: 100%; height: 400px;"></div>
<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>
<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>