Подсветка кнопок с помощью карт Bing

Question

Наш веб-сайт выбирает заведения из запроса и возвращает результаты пользователю в виде пакетов из 10 местоположений, отображая детали в виде сетки и местоположения в виде пользовательских кнопок на картах Bing. При наведении курсора на элемент появляется всплывающая информационная панель и т. Д. Мои требования, чтобы сделать это более полезным, следующие: -

1) Когда пользователь наводит курсор на элемент в списке сетки, соответствующий значок на карте должен быть выделен. 2) Когда пользователь щелкает элемент в списке, карта увеличивается в этом месте. (который я считаю относительно простым, перерисовывая карту с другим центром и масштабом)

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

Итак, мой вопрос: Это правильный подход или есть лучший, и есть ли какой-нибудь пример кода, делающий нечто подобное, доступное там?

Большое спасибо Пол

Answer 1

Это именно тот подход, который я использую;) Единственное небольшое изменение, которое я бы предложил, состоит в том, что вместо замены изображения на совершенно новое вы используете спрайт-лист, на котором есть как выделенные, так и невыделенные изображения. , Затем в обработчике события onmouseover установите свойство typeName кнопки, чтобы назначить класс CSS, который смещает изображение, чтобы отображать только выделенное состояние, а в событии onmouseout снова сбросьте класс CSS, чтобы отображалось невыделенное фоновое изображение. Таким образом, ваша страница будет загружаться быстрее, и вам не придется рисковать мерцанием, поскольку старое изображение заменяется новым.

Ссылка для свойства typeName: http://msdn.microsoft.com/en-us/library/gg427629.aspx