@DeniSidorenko

Как добавить форму поиска для яндекс карты?

Вопрос такой
Добавил через iframe яндекс карту
Как добавить для нее вверху поиск( что есть в оригинале )
  • Вопрос задан
  • 507 просмотров
Пригласить эксперта
Ответы на вопрос 1
@shmaroder
https://creditpower.ru
Зачем через iframe?
Вот карта с поиском https://tech.yandex.ru/maps/jsbox/2.1/search_contr...
function init() {
    var myMap = new ymaps.Map('map', {
        center: [55.74, 37.58],
        zoom: 13,
        controls: []
    });
    
    // Создадим экземпляр элемента управления «поиск по карте»
    // с установленной опцией провайдера данных для поиска по организациям.
    var searchControl = new ymaps.control.SearchControl({
        options: {
            provider: 'yandex#search'
        }
    });
    
    myMap.controls.add(searchControl);
    
    // Программно выполним поиск определённых кафе в текущей
    // прямоугольной области карты.
    searchControl.search('Шоколадница');
}

ymaps.ready(init);


<!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&amp;apikey=<ваш API-ключ>" type="text/javascript"></script>
    <script src="search_control_ppo.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>
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы