Клуб API Карт

Клуб API Карт

карта Яндекс на разных разрешениях

Пост в архиве.

Есть сайт на wordPress с резиновой темой. Подскажите как можно менять размер карты под страницу? Перечитал FAQ, API Яндекс.Карт, начатые темы... Не нашел ответа. Буду признателен за совет.

13 комментариев
Авторизуйтесь, чтобы оставить комментарий
Владислав Турман
28 января 2016, 00:19

Если вас не смущает использование jquery, то можно на событие resize менять ширину и высоту контейнера карты.

ic-el.ru
28 января 2016, 00:19

Не примите за глупого... Но... Где у меня событие resize возникнет? :-O На сколько я понимаю страница каждый раз собирается по новому в зависимости от устройства? resize может возникнуть при перересовке страницы, если я поверну устройство?

Если несложно, ткните носом?

Владислав Турман
28 января 2016, 00:19

Боюсь, что без знанй js тут не обойтись.

В гугле:

1) jquery document ready

2) jquery resize

 

ic-el.ru
28 января 2016, 00:19

ну с js думаю разберусь. Все таки я проэктант по диплому. ;-) Учили знать все. Вопрос в другом...

resize( функция ) - Данное событие обычно активируется, когда изменяются размеры области просмотра документа???

По сути я в текстовку вставляю: 

И как мне поможет resize? или ready?

Если честно, мне ближе Delphi, C#...

Владислав Турман
28 января 2016, 00:19

Например, у меня получилось так.

http://jsfiddle.net/9Pf8b/

Это лишь пример, что и как можно делать.

 

 

ic-el.ru
28 января 2016, 00:19

Спасибо за подсказку куда копать. (+1) Частично поборол: 

Осталось что-то с высотой придумать...

Владислав Турман
28 января 2016, 00:19

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

ic-el.ru
28 января 2016, 00:19

:-) это понятно. Я про то какую ее поставить? На момент сборки страницы у меня ее еще нет же?

Код работает. Только что проверил. Вот если вставляю: 

Не работает - на момент сборки карты height = 0! :-(

WordPress с темой Safira. Если кому пригодится 

Владислав Турман
28 января 2016, 00:19

$(clientHeight).height()


проверьте! Вы пропустили букву h

ic-el.ru
28 января 2016, 00:19

уже заметил. в попыхах... Всеравно не работает. :-(

 

только так...

Причем даже вот так не хочет:

Владислав Турман
28 января 2016, 00:19

Да и не должна, вы в html теге используете метод из JavaScript.

 

Боюсь тут я вам не помогу, почитайте как на JS подключать скрипты и передавать параметры.

ic-el.ru
28 января 2016, 00:19

Абсалютно правы! Это я торможу. Щас поставил width=& - и все маштабируется. Вообщем если Яндекс не понимает что ему шлют в ширину или слать пустые данные то он сам подгоняет карту по ширине экрана, а с высотой так не получается... Извините. Начал с наскока все в одну кучу лепить... И java и html...

Пока решилось... Но java прийдется почитать. ;-)

Владислав Турман
28 января 2016, 00:19

Отлично. Только не Java а JavaScript, это два разных языка ;)