Maps yandex constructor: Конструктор карт Яндекса

alexxlab

Содержание

вёрстка — Как запретить скролл Яндекс.Карты, созданной через map-constructor

Вопрос задан

Изменён 5 лет 3 месяца назад

Просмотрен 7k раз

Прошу совета, как запретить скролл карты.

Карта на странице высотой 600px ширина 100%. На устройствах с экраном меньше 600 карта занимает весь экран и дальнейший скролл страницы невозможен. 

Карта создавалась при помощи map-constructor, раньше такие проблемы решались scroll=false, но сейчас он не срабатывает и скролл остается. Уменьшать размер карты нельзя. Думал наложить блок на мобильных устройствах поверх карты, но клиенту нужен функционал карт.

  • вёрстка
  • yandex-maps-api
  • яндекс-карты
  • yandex-maps-embed

При получении кода карты в виде JavaScript параметр

scroll=false работает. Вы можете убедиться на примере ниже.

Для кода карты в iframe параметр недоступен.

<script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A053bd947d462cc1a45aeba4070defff75501905071c0eaf68436ac9976ec698c&amp;width=500&amp;height=351&amp;lang=ru_RU&amp;scroll=false"></script>
4

Как запретить скролл, не знаю.

В своих проектах подключаю две Яндекс.карты: статическую показываю на мобильных, а интерактивную — на широких экранах.

Отличие от накрывания карты блоком в том, что статическая карта по клику открывает страницу с полнофункциональной Яндекс.картой. А чтобы статическая карта адаптировалась к ширине экрана, располагаю её фоном и центрирую стилями.

Возможно, такое решение устроит вашего клиента.

Пример: http://glebkema.ru/tasks/double-yandex-map/  •  CodePen

@media (max-width: 767. 99999999px) {
  .contacts-map > a {
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    height: 400px;
    width: 100%;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
  }
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<header>
  <div>
    <h2><a href="https://ru.stackoverflow.com/q/808225/208926">Double Yandex map</a></h2>
    <p>Uses two versions of the Yandex map: a static map for mobile, and an interactive one for the desktop.</p>
  </div>
</header>
<section>
  <div>
<script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3Aea955533757d471b2800d252edb82f21c0258833676ef2921af2199f54b6bb08&amp;width=100%25&amp;height=400&amp;lang=ru_RU&amp;scroll=true"></script>
  </div>
  <div>
    <a href="https://yandex.
 
 ru/maps/?um=constructor%3Aea955533757d471b2800d252edb82f21c0258833676ef2921af2199f54b6bb08&amp;source=constructorStatic" target="_blank"></a>
  </div>
</section>
<section>
  <div>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae, quo, asperiores, ea, officia soluta sed voluptate esse earum possimus ad aliquid non aut assumenda quibusdam illum perspiciatis hic. Qui, repudiandae.</p>
    <p>Non, omnis, labore, sint, quasi veniam facere magnam unde doloremque earum error nemo autem cum quibusdam illo numquam in possimus animi maiores voluptas ut! Eum quas distinctio eligendi fugit accusantium?</p>
    <p>Velit, provident, qui eveniet ea officia voluptates fugit mollitia repudiandae molestiae dolore quo dolor doloremque illo nemo quasi adipisci explicabo earum tempora. Saepe iure harum blanditiis excepturi neque natus eos!</p>
    <p>Cumque, at, aperiam esse facilis distinctio vero quos officiis nisi doloribus voluptatibus nesciunt repellendus tempora doloremque provident beatae molestias ipsum modi placeat iure eum delectus nulla eligendi temporibus? Excepturi, odit.
  </p>
    <p>Debitis, et iste hic quae id amet aspernatur molestias iusto vel quasi. Dolorum, maiores, tenetur, nisi voluptatum facilis laudantium atque dolor quia totam obcaecati exercitationem minima laboriosam explicabo doloremque sapiente!</p>
    <p>Odit, excepturi quo voluptatibus consectetur eos dicta aliquam dolorum officiis itaque iste distinctio obcaecati ratione deleniti odio voluptates totam temporibus possimus animi nostrum eveniet? Debitis consectetur accusantium repudiandae modi at!</p>
    <p>Dicta, repudiandae, aliquid quo ad nesciunt aperiam ut laboriosam non rerum blanditiis dolor commodi inventore veniam? Non, rem nostrum tempora sed cum repellendus impedit earum porro iure laboriosam quidem reiciendis!</p>
  </div>
</section>

Зарегистрируйтесь или войдите

Регистрация через Google

Регистрация через Facebook

Регистрация через почту

Отправить без регистрации

Почта

Необходима, но никому не показывается

Отправить без регистрации

Почта

Необходима, но никому не показывается

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Молочные кухни и раздатки детского питания

Раздаток детского питания

Адрес: Нижний Новгород, ул. Малиновского, 4

Район: Советский

[inline][script src=»//api-maps.yandex.ru/services/constructor/1.0/js/?sid=sEleJ3Od0LWfJteAIF-bIt6LtfX1lbcf&width=100%&height=250″ charset=»utf-8″][/script][/inline]

Раздаток детского питания

Адрес: Нижний Новгород, ул.Б.Панина,10а Район: Советский [inline][script src=»//api-maps.yandex.ru/services/constructor/1.0/js/?sid=kYIAPVMbt8VGmrai1Ue6aQILHiqw4_W4&width=100%&height=250″ charset=»utf-8″][/script][/inline]

Раздаток детского питания

Адрес: Нижний Новгород, ул. Невзоровых, 38б  

Район: Советский

[inline][script src=»//api-maps.yandex.ru/services/constructor/1.0/js/?sid=IqERFPejQ8mMOUCPcRGxrgMF4QtaR1Lk&width=100%&height=250″ charset=»utf-8″][/script][/inline]

Раздаток детского питания

Адрес: Нижний Новгород, ул.  Ивлиева, 33

Район: Советский

[inline][script src=»//api-maps.yandex.ru/services/constructor/1.0/js/?sid=Rqbn5dK_3_weectCpwlQc7Nc1vkZVgOw&width=100%&height=250″ charset=»utf-8″][/script][/inline]

Раздаток детского питания

Адрес: Нижний Новгород, пр. Гагарина, 10б Телефон: (831) 465-36-44 [inline][script src=»//api-maps.yandex.ru/services/constructor/1.0/js/?sid=nwXGF3zhWaOYWgunIwXVIzSz_l2Iubt6&width=100%&height=250″ charset=»utf-8″][/script][/inline]

Раздаток детского питания

Адрес: Нижний Новгород, ул. Маршала Жукова, 9

Телефон: (831) 463-11-68

[inline[/inline]

Раздаток детского питания

Адрес: Нижний Новгород, ул. Медицинская, 13 Телефон: (831) 431-09-11 Район: Приокский [inline][script src=»//api-maps.yandex.ru/services/constructor/1.0/js/?sid=BTGZ3ZhsSZhcB1mKc2Ulz0HeIGWeFoXq&width=100%&height=250″ charset=»utf-8″][/script][/inline]

Раздаток детского питания

Адрес: Нижний Новгород, ул.  Дружбы, 19/1

Телефон: (831) 244-12-10

Район: Ленинский

[inline][script src=»//api-maps.yandex.ru/services/constructor/1.0/js/?sid=LnVs7USGHJqB51ZFHF8c8bJiCuprOeL7&width=100%&height=250″ charset=»utf-8″][/script][/inline]

Раздаток детского питания

Адрес: Нижний Новгород, ул. Ильича, 35 Район: Автозаводский [inline][script src=»//api-maps.yandex.ru/services/constructor/1.0/js/?sid=jFxvMzlCAkK6GKrUV8Tiircd9DNZcbDG&width=100%&height=250″ charset=»utf-8″][/script][/inline]

Молочная кухня

Адрес: Нижний Новгород, ул. Краснодонцев, 21

Телефон: (831) 298-29-25

Район: Автозаводский

[inline][script src=»//api-maps.yandex.ru/services/constructor/1.0/js/?sid=8fNAew7QFZfDCGISfmRGCqnDNMwCbrIq&width=100%&height=250″ charset=»utf-8″][/script][/inline]

Раздаток детского питания

Адрес: Нижний Новгород, ул.  Дьяконова, 18 Телефон: (831) 253-72-14 Район: Автозаводский [inline][script src=»//api-maps.yandex.ru/services/constructor/1.0/js/?sid=7TB_zJ2QNJ8q5FbsjjrCqdxr-qOY1q-9&width=100%&height=250″ charset=»utf-8″][/script][/inline]

Раздаток детского питания

Адрес: Нижний Новгород, ул. Лескова, 3

Район: Автозаводский

[inline][script src=»//api-maps.yandex.ru/services/constructor/1.0/js/?sid=4fqvKltYcEGnT-CAspzhlfM9qdfo9ZNP&width=100%&height=250″ charset=»utf-8″][/script][/inline]

Раздаток детского питания

Адрес: Нижний Новгород, ул. Мончегорская, 6а Район: Автозаводский [inline][script src=»//api-maps.yandex.ru/services/constructor/1.0/js/?sid=7jXl9oLc06alkEUx87aoSAIQI3g_e3bt&width=100%&height=250″ charset=»utf-8″][/script][/inline]

Раздаток детского питания

Адрес: Нижний Новгород, 6 микрорайон, 11

Район: Автозаводский

[inline][script src=»//api-maps. yandex.ru/services/constructor/1.0/js/?sid=S4tXnKjAOfxnQoOWUHKOnqx5VjLB-7sR&width=100%&height=250″ charset=»utf-8″][/script][/inline]

Раздаток детского питания

Адрес: Нижний Новгород, ул. Фучика, 43 Район: Автозаводский [inline][script src=»//api-maps.yandex.ru/services/constructor/1.0/js/?sid=sFOxF1cz1tDfGkw1iK4SloElb3an3BoJ&width=100%&height=250″ charset=»utf-8″][/script][/inline]

Раздаток детского питания

Адрес: Нижний Новгород, ул. Советской Армии, 10б

Район: Автозаводский

[inline][script src=»//api-maps.yandex.ru/services/constructor/1.0/js/?sid=jYRFFzNSJLphbOWSL0ggIS6EsafbOwhO&width=100%&height=250″ charset=»utf-8″][/script][/inline]

Раздаток детского питания

Адрес: Нижний Новгород, ул. Пермякова, 46 Район: Автозаводский [inline][script src=»//api-maps.yandex.ru/services/constructor/1.0/js/?sid=kNURt8n9cXbpbIOXbRf-JiBvz9mGmExd&width=100%&height=250″ charset=»utf-8″][/script][/inline]

Раздаток детского питания

Адрес: Нижний Новгород, ул.  Минеева, 35

Район: Автозаводский

[inline][script src=»//api-maps.yandex.ru/services/constructor/1.0/js/?sid=OegIO612vfxDC-XbtTsMcMuCZl_NvlT5&width=100%&height=250″ charset=»utf-8″][/script][/inline]

Молочная кухня

Адрес: Нижний Новгород, ул. Родионова, 17/4 Телефон: (831) 438-02-32 Район: Нижегородский [inline][script src=»//api-maps.yandex.ru/services/constructor/1.0/js/?sid=8sePnBojYir3aVGg1Vextj7mWKUbyfxy&width=100%&height=250″ charset=»utf-8″][/script][/inline]

Раздаток детского питания

Адрес: Нижний Новгород, ул. Звездинка, 9

Телефон: (831) 437-94-34

Район: Нижегородский

[inline][script src=»//api-maps.yandex.ru/services/constructor/1.0/js/?sid=H9FZCTbK84jMnQGkTVSTQZO01Q0fhFit&width=100%&height=250″ charset=»utf-8″][/script][/inline]

Раздаток детского питания

Адрес: Нижний Новгород, ул.  Усилова, 3/3 Телефон: (831) 432-22-93 Район: Нижегородский [inline][script src=»//api-maps.yandex.ru/services/constructor/1.0/js/?sid=2CUEkpRonC1s1suZm-gtXprCt6ZaN4hB&width=100%&height=250″ charset=»utf-8″][/script][/inline]

Раздаток детского питания

Адрес: Нижний Новгород, ул. Лопатина, 10

Район: Нижегородский

[inline][script src=»//api-maps.yandex.ru/services/constructor/1.0/js/?sid=_ceMaDiL92y4hk8kiVFNm4e31oF_uBCj&width=100%&height=250″ charset=»utf-8″][/script][/inline]

Раздаток детского питания

Адрес: Нижний Новгород, ул. Лопатина, 13 Район: Нижегородский [inline][script src=»//api-maps.yandex.ru/services/constructor/1.0/js/?sid=lxqk2_VeZI6SCPUJsDcppIdxMQVguDQY&width=100%&height=250″ charset=»utf-8″][/script][/inline]

Раздаток детского питания

Адрес: Нижний Новгород, ул. Рокоссовского, 9

Телефон: (831) 467-31-65

Район: Советский

[inline][script src=»//api-maps. yandex.ru/services/constructor/1.0/js/?sid=muN-sELUNbrGfBFyABu2-YwcjdUpVaZg&width=100%&height=250″ charset=»utf-8″][/script][/inline]

Раздаток детского питания

Адрес: Нижний Новгород, ул. Заярская, 13 Район: Советский [inline][script src=»//api-maps.yandex.ru/services/constructor/1.0/js/?sid=tfpk3IaCdkMb-ReA3irLQcXSM5IF8EsU&width=100%&height=250″ charset=»utf-8″][/script][/inline]

Раздаток детского питания

Адрес: Нижний Новгород, ул. Малиновского, 4

Район: Советский

[inline][script src=»//api-maps.yandex.ru/services/constructor/1.0/js/?sid=3GZLxuxzSt-S5rGiaOR_iOWvlvfdC0no&width=100%&height=250″ charset=»utf-8″][/script][/inline]

Раздаток детского питания

Адрес: Нижний Новгород, ул. Б.Панина,10а Район: Советский [inline][script src=»//api-maps.yandex.ru/services/constructor/1.0/js/?sid=IlCcO00hpxOK2jRYr2rI9eXwDbROxXkt&width=100%&height=250″ charset=»utf-8″][/script][/inline]

Ралли-Ралли зачет гонщиков и конструкторов

By

0 Min Read

 29 июня (Infostrada Sports) - Зачет гонщиков и конструкторов после Ралли Польши в воскресенье
 Водительские очки
1. Себастьян Ожье (Франция) Volkswagen Motorsport 166
2. Яри-Матти Латвала (Финляндия) Volkswagen Motorsport 115
3. Андреас Миккельсен (Норвегия) Volkswagen Motorsport II 83
4. Мадс Остберг (Норвегия) Citroen Total Abu Dhabi World Rally Team 66
5. Микко Хирвонен (Финляндия) M-Sport World Rally Team 52
6. Тьерри Невиль (Бельгия), Hyundai Shell World Rally Team 47
7. Крис Мике (Великобритания) Citroen Total Abu Dhabi World Rally Team 38
8. Элфин Эванс (Великобритания) M-Sport World Rally Team 36
9. Мартин Прокоп (Чехия) Jipocar ​​Czech National Team 31
10. Хеннинг Солберг (Норвегия) Хеннинг Солберг 24
11. Брайан Буффье (Франция) M-Sport Ltd 18
12. Юхо Хеннинен (Финляндия) Hyundai Shell World Rally Team 12
12. Роберт Кубица (Польша) RK M-Sport World Rally Team 12
14. Отт Таэнак (Эстония) M-Sport World Rally Team 10
15. Бенито Герра (Мексика) M-Sport World Rally Team 8
16. Крис Аткинсон (Австралия), Hyundai Shell World Rally Team 6
17. Ярослав Мелихарек (Словакия) Словакия. Команда 4 мира по ралли.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *