codeFlowType:
codeWrite
codeFlowLang:
HTML
Написать код html карта яндекс со встроиным поиском транспорта
Вот пример кода HTML, который включает в себя Яндекс.Карту с встроенным поиском транспорта. Для корректного отображения карты необходимо использовать API Яндекс.Карт и заменить YOUR_API_KEY на ваш ключ API.
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Яндекс.Карта с поиском транспорта</title>
<script src="https://api-maps.yandex.ru/2.1.19/?lang=ru_RU" type="text/javascript"></script>
<style>
#map {
width: 100%;
height: 500px;
}
</style>
</head>
<body>
<h1>Яндекс.Карта с поиском транспорта</h1>
<div id="map"></div>
<script type="text/javascript">
// Создание экземпляра карты
ymaps.ready(init);
function init() {
var myMap = new ymaps.Map('map', {
center: [55.751244, 37.618423], // Москва
zoom: 10,
});
// Добавляем контрол для поиска транспорта
myMap.controls.add('routeEditor');
myMap.controls.add('trafficControl');
// Настройки поискового запроса
var searchControl = new ymaps.control.SearchControl({
options: {
float: 'right'
}
});
myMap.controls.add(searchControl);
// Добавляем разные возможности
myMap.controls.add('zoomControl');
myMap.controls.add('typeSelector');
}
</script>
</body>
</html>
.html.YOUR_API_KEY на ваш реальный ключ API Яндекс.Карт.