Сылки по Яндекс карте?

133
13 июля 2021, 01:30

Есть три метки на картах Яндекс. Нужно, чтобы при клике на ссылку (блок верхнем углу) происходило перемещение карты в зону видимости этой метки. Как это реализовать?

Answer 1

Можно при клике передавать адрес в ymaps.geocode Пометил в коде "Сюда адрес"

p.s Передавать прямо в виде строки можно "Москва, ул...."

function init() { 
    var myMap = new ymaps.Map('map', { 
        center: [55.753994, 37.622093], 
        zoom: 9 
    }); 
 
    // Поиск координат центра Нижнего Новгорода. 
    ymaps.geocode('Сюда адрес', { 
        /** 
         * Опции запроса 
         * @see https://api.yandex.ru/maps/doc/jsapi/2.1/ref/reference/geocode.xml 
         */ 
        // Сортировка результатов от центра окна карты. 
        // boundedBy: myMap.getBounds(), 
        // strictBounds: true, 
        // Вместе с опцией boundedBy будет искать строго внутри области, указанной в boundedBy. 
        // Если нужен только один результат, экономим трафик пользователей. 
        results: 1 
    }).then(function (res) { 
            // Выбираем первый результат геокодирования. 
            var firstGeoObject = res.geoObjects.get(0), 
                // Координаты геообъекта. 
                coords = firstGeoObject.geometry.getCoordinates(), 
                // Область видимости геообъекта. 
                bounds = firstGeoObject.properties.get('boundedBy'); 
 
            firstGeoObject.options.set('preset', 'islands#darkBlueDotIconWithCaption'); 
            // Получаем строку с адресом и выводим в иконке геообъекта. 
            firstGeoObject.properties.set('iconCaption', firstGeoObject.getAddressLine()); 
 
            // Добавляем первый найденный геообъект на карту. 
            myMap.geoObjects.add(firstGeoObject); 
            // Масштабируем карту на область видимости геообъекта. 
            myMap.setBounds(bounds, { 
                // Проверяем наличие тайлов на данном масштабе. 
                checkZoomRange: true 
            }); 
        }); 
}

READ ALSO
Использование content с svg

Использование content с svg

Необходимо отображать svg в блоке с определённым классомРанее никогда такого не делал

84
Как адаптировать блок по высоте?

Как адаптировать блок по высоте?

Пытаюсь скопировать вёрстку диалогового окна с вот этого чатаСам чат имеет фиксированную высоту

268
Не хочет работать Slick Slider

Не хочет работать Slick Slider

Делаю все, как написано в документации, выбивает ошибки :

139