Добавление отдельных элементов управления
В API 2.1 элементы управления добавляются на карту автоматически при ее создании. По умолчанию на карту добавляется стандартный набор элементов управления 'mediumMapDefaultSet' (см. пример).
Для того чтобы добавить на карту нужные элементы управления, в параметре controls при ее создании можно указать список соответствующих ключей. Также элементы управления можно добавить через поле карты Map.controls с помощью метода add.
Можно указывать как отдельные элементы управления, так и их набор. Если карту нужно отобразить без элементов управления, то в поле controls передать пустой массив [].
Со списком доступных элементов управления можно ознакомиться тут.
index.html
customSet_controls.js
<!DOCTYPE html>
<html>
<head>
<title>Добавление отдельных элементов управления</title>
<meta
http-equiv="Content-Type"
content="text/html; charset=utf-8"
/>
<!--
Укажите свой API-ключ. Тестовый ключ НЕ БУДЕТ работать на других сайтах.
Получить ключ можно в Кабинете разработчика: https://developer.tech.yandex.ru/keys/
-->
<script
src="https://api-maps.yandex.ru/2.1/?lang=ru_RU&apikey=<ваш API-ключ>"
type="text/javascript"
></script>
<script src="customSet_controls.js" type="text/javascript"></script>
<style>
html,
body,
#map {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
}
</style>
</head>
<body>
<div id="map"></div>
</body>
</html>
ymaps.ready(function () {
var myMap = new ymaps.Map(
"map",
{
center: [55.751574, 37.573856],
zoom: 9,
controls: [
"zoomControl",
"searchControl",
"typeSelector",
"fullscreenControl",
"routeButtonControl",
],
},
{
searchControlProvider: "yandex#search",
}
);
});