Цикл для проверки ховера?

Question

[Iana S]

есть 3 карты на одной странице, на одной из них реализован вот такой функционал
sitehere.ru/ optimizaciya-zagruzki-yandeks-karty-na-sajte
*для открытия убрать пробел после слеша*

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

Изменила классы и id для разных карт разные, но все равно работает та карта, код для которой ниже в js

Можно ли написать цикл, который будет проходить по картам и в зависимости от того, где ховер, загружать подгрузку карта? не могу придумать оптимальное решение

Comments

[Pashok Doom]

//Переменная для определения была ли хоть раз загружена Яндекс.Карта (чтобы избежать повторной загрузки при наведении)
var check_if_load = false;

Под каждую карту свой флаг определяете?

Answer 1

[Pashok Doom]

https://jsfiddle.net/c3w29frv/
На базе демо немного перелопатил под несколько карт

Comments

[Iana S]

то, что нужно, спасибо! Можете, пожалуйста, в 2 словах описать как вы это сделали? не могу разобраться по коду

[Pashok Doom]

Iana S, ну это не идеальный вариант еще, сейчас он под каждую новую карту подгружает один и тот же скрипт карт, надо флаг воткнуть (или проверку какую), чтоб так не делало, не учёл сразу. Наверняка ещё много чего исправить можно.

В двух словах: вместо конкретного контейнера под карту - берёт указанный в data-target с координатами из data-x, data-y которые идут в init карты.

По желанию можно еще параметров добавить.

[Iana S]

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

[Iana S]

Pashok Doom, можно через data атрибуты отмечать несколько точек на карте?

[Pashok Doom]

Iana S, суть везде одна, он передаёт параметры в инит карты и делает саму карту, а откуда - дата-аттрибуты, джисон, рандом - не суть. Дальше уже читайте апи карт просто .

Answer 2

[Евгений Щербаков]

Ваша ссылка, к сожалению, не открывается, поэтому даже не понятно, для чего вы хотите иметь одновременно 3 карты на сайте)

Может хотя бы сделать табы или радио кнопки для переключения между картами?)

Comments

[Iana S]

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

[Евгений Щербаков]

Так вы не написали для чего одновременно 3 карты?)
И почему сделать переключение между ними?)

[Iana S]

Евгений Щербаков, на одной странице расположено 3 карты. Так задумано дизайном))

Может хотя бы сделать табы или радио кнопки для переключения между картами

- чем это поможет? Табы не вариант