Клуб API Карт

Вывод места на карте кликнув на адрес под картой

net-lady
17 июня 2015, 14:19

Добрый день!

Есть карта, где выводятся метки со всеми сотрудничающими компаниями. Под картой в столбик выведены прямоугольники с названием компании, адресом, контактами.

Необходимо сделать так, чтобы при клике на адрес в прямоугольнике, карта выводила уже не все метки организаций а только ту на адрес которой кликнули и в приближенном виде (макс. зум)

Вот страница где я пытаюсь это сделать: http://elsen.ru/gdekupit/ а вот страница где реализован подобный функционал: http://www.mdv-russia.ru/gde-kupit.html

Буду весьма благодарна если вышлете примерчик!

9 комментариев

Пресоединяюсь, так же хочу

Я тоже в очереди.

Нужен сайт как maps.yandex.ru, программировать лень, пришлите готовый код.

Как оригинальна ваша колкость, дайте угадать, вам 20 лет?

Как вы банальны в своем желании получить готовый результат, не прикладывая головы.

 

Вы угадали, в свои 20 лет я написал десятки примеров для этого клуба и помог тут сотням людей, которые пробовали и у них не получалось.

И не помог ни одному, ожидающему на почту готовый примерчик подобного функционала, как на другом сайте

Так а с чего вы взяли что я не пыталась? Ну выложу я код как я пыталась это сделать, увидела что подход не правельный, ну не могу сообразить как подойти к вопросу. Выложу код - начнете высмеивать и т.п. Вместо этого не ужели сложно хотя бы подсказать с какой стороны подойти. Видели же что на сайте что я сделала все готово а именно эта функция не реализована. Я вообще не имею привычки писать в форумах и обычно получается находить те или иные ответы на просторах интернета и исходя из этого писать код, но так уж вышло что просидев 2 дня в поисках и потугах ни чего такого не нашла а то как я пыталась это сделать просто уверенна что не правильный подход и если учитывать что я до этого не работала совсем с яндекс апи, но карту же со всеми необходимыми метками все же осилила сама... Увидев сайт где это реализовано, подумала что явно задача была уже решена до меня и видимо не раз, так зачем изобретать велосипед. Почему бы не получить хоть какую то подсказку по крайней мере с помощью чего это правильно реализовывать и т.п.?

Я не видел, что у вас сделано, вы ссылку на свой сайт опубликовали битую, попробуйте сами по ней кликнуть

 

У вас 2 списка - прямоугольники с адресами и метки на карте.

Слушайте клик на DOM-родителе ваших прямоугольных блоков, определяйте индекс блока в котором был клик jQuery это умеет.

Дальше из коллекции меток по этому индексу выбирается метка, и центр карты выставляете на ее координаты.

 

Есть вариант без индексов, просто в замыкании (JavaScript closure) эти списки связать, если вы знаете JS, конечно

 

 

Странно, я поправила, она выводится как нужно а переводит без .ru

В редакторе поста при добавлении ссылки есть 2 поля

1. текст ссылки

2. адрес ссылки (url)

вы поправили только текст. 

 

По сути вопроса, когда-то я писал такую статью, может будет полезна

Димик, вообще-то вас спросили, как заставить карту показать кликнутую координату, т.е. вопрос по API Я.карт, а не по яваскрипту и тем более не по жквери.

Да уж, явно не по тому пути меня повел dimik, ну да ладно.

Для тех кому интересно поясняю, это делается элементарно API я.карт функцией: map.setCenter([40, 50], 3); Где 40 - широта, 50 долгота а 3 - зум

По подробнее:

В прямоугольниках ставите онклик:  onclick="showMap('широта', 'долгота')"

Выше функция: 

var myMap;

function showMap(latitude, longitude){

myMap.setCenter([latitude, longitude], 17);

}

после нее наша обычная функция выводящая все метки:

 ymaps.ready(function () {

    myMap = new ymaps.Map('map', { ...

посмотреть результат можно тут: http://elsen.ru/gdekupit/