Блог API Яндекс.Карт

Пример: выбор региона для отображения меток

26 июня 2012, 16:25

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

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

Посмотреть пример в новом окне.

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

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

Так сказать неработает.

А что не работает?

карта не риагирует на выбор, не отображаются метки с data.js

Поломалось. Починим.
Починили.
Что-то случилось. Будем чинить.
Починили.

Да, действительно теперь работает.

Теперь всё ОК! Вопросик- метки остаються висеть на карте после выбора города, если выбора небыло меток нет. Не лучше бы было добавить отображение меток видимой области, а при выборе- изменение координат и масштаба . А так клёво надо себе прикрутить.

Прикручивайте и присылайте ссылку. Нам же тоже интересно, что получится :-)

Начал писать код. Вопросик - по проекту ... федеральный округ - область(край, республика и т.д) - город(район) гео некоторые названия не видет пример (  Дальневосточный федеральный округ - Республика Саха (Якутия) - Абыйский район (п.г.т.Белая Гора)) координаты: 146.189054,68.53762. Как в таких случаях помочь гео, подкинут координаты? Гугл "Белая Гора" находит.

Добрый день! Может быть кто-нибудь может дать архив с рабочим вариантом?
Не могу ничего понять так что-то.

С готовым кодом проще думаю будет.

Заранее спасибо! 

Здравствуйте.
Сейчас есть карта "под офисы" http://www.fluids.com.ua/map.html. Но теперь нужно добавить много точек и ваш вариант как раз подходит. Подскажите, пожалуйста, как и что нужно в коде поменять, чтобы весь перечень что есть уже не переписывать под новый, ваш вариант. Просто новые точки дописывать и подставить под нужные города.

Нужно было конечно, сразу делать по этому скрипту,:-( но тогда не думали что так много точек продаж будет.
Заранее спасибо. 

Что-то никто не заметил вопрос. Ни как не могу разобраться.:-$
Подскажите пожалуйста для начала какие функции добавить. Из скриптов - добавили два Data и multiGeocoder. Где капать дальше?

только то что в этих 2-х файлах и в самом index.html

если чтото не получается - опубликуйте ссылку на страницу, посмотрим

в index.html много разных  функций прописано, и у меня некоторые функции прописаны на предыдущей карт. Вот проблема в том, какие функции и где дописать, чтобы лишнего не скопировать. 
Выше верно люди просят. Может быть возможно выложить подробное описание  чтобы подключить регионы и города отдельно, как на вашем примере.

этот пример написан для 2ой версии АПИ

а у тебя установлена 1.1

так какой выход? На моей версии нельзя осуществить данную опцию? Мне нужно в любом случае перенастраивать карту с привязкой под города. Подскажите что делать дальше?

не почему же можно, но пример у нас только под 2-ю

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

1.1 уже не поддерживается

Спасибо, но если я сейчас обновлю версию, моя старая карта не пропадёт?
И потм как действовать дальше? Так и не понятно какие и где прописать функции для областей и городов. 

 

Спасибо, но если я сейчас обновлю версию, моя старая карта не пропадёт?

у нас есть Руководство по переходу да и вроде у вас не мега сложная карта

 

 

И потом как действовать дальше? Так и не понятно какие и где прописать функции для областей и городов.

в примере есть подключение файлика data.js - это данные городов. 

Вам надо сформировать свой файл.

javascript-код на index.html нужен весь

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

Спасибо большое.
javascript-код- поменяли весь, карта есть. Но, странно, пришлось цыфры координат, которые выдаёт сам Яндекс- [30.53269,50.402395] ( Киев) поменять местами на [50.402395, 30.53269], только тогда появилась карта с центром в Киеве. До этого  был просто серый экран на месте карты.

Что-же теперь все координаты менять местами? 


И теперь пропали наши метки,  а города и районы не привязываются к координатам. Подскажите пожалуйста что делать? 

А где пример то? Ни кода, ни примера.

Спасибо за сообщение, ссылку поправили.

Хм, у меня по-прежнему не открывается. 

А так работает, спасибо.

Если я в файле data.js буду использовать только координаты геообъектов ("coords" : [55.6, 37.2] ) , то файл multi-geocoder.js можно исключить из состава?

 

И такой вопрос, как сделать чтобы при клике на метку она оказывалась по центру и изменялся масштаб карты?

А как сделать, чтобы при выборе города, метки соседних городов не отображались? А то когда в подмосковье выбирается место, все метки из Москвы высвечиваются.