1

Я видел подобные вопросы на этом ресурсе и на оригинальном и у меня все-равно проблема.

  1. Для того что бы использовать scrollwheel: false нужно подключать google maps API, верно?
  2. Что бы использовать Google Maps API нужно пойти на сайт и нажать там получить ключ.
  3. После получения ключа мы делаем это(и вставляем туда свой ключ):

    <script async defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"></script>

  4. Пишем следующее:

    options = $.extend({ scrollwheel: false, mapTypeId: google.maps.MapTypeId.ROADMAP }, options); var map = new google.maps.Map($('contact-map'), options);

Во-первых. Обязательно подключать API что бы попросту выключить скролл?

Во-вторых вот так выглядит моя ошибка:

Uncaught kc {message: "initMap is not a function", name: "InvalidValueError", stack: "Error↵ at new kc (https://maps.googleapis.com/m…jKzYQ8Di2M3T49Vxa_el_zFyw&callback=initMap:135:73"}

Что я делаю не так?

1
  • Я не могу понять, bb-тег кода сломался? Почему код не выделяется правильно?
    – Telion
    30 апр 2017 в 12:39

1 ответ 1

1

Во-первых. Обязательно подключать API что бы попросту выключить скролл?

Видимо, обязательно.

Вот пример встроенной карты без скролла. Взято отсюда.

  $('.map-container')
  .click(function() {
    $(this).find('iframe').addClass('clicked')})
  .mouseleave(function() {
    $(this).find('iframe').removeClass('clicked')
});
.map-container {
  width: 100%;
  margin: 50px 0 3000px;
}
.map-container iframe {
  width: 100%;
  display: block;
  pointer-events: none;
  position: relative; /* IE needs a position other than static */
}
.map-container iframe.clicked {
  pointer-events: auto;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<div class="map-container">
  <iframe width="300" height="450" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.com/maps/embed/v1/place?q=Status201%20Web%20Development&amp;key=AIzaSyCCGx7iveK21dme8OuLgX9Je7TUDDCw3_A"></iframe>
</div>

4
  • Хм.. Полагаю через css и легче и правильней это сделать.
    – Telion
    30 апр 2017 в 14:32
  • Ах да, это неправильное решение по причине что оно блокирует всю работу с картой. Смысл это делать? Я лучше тогда картинку загружу. Суть заблокировать колесико мыши поверх карты, что бы когда пользователь листал вниз карта случайно не оказалась под курсором и не пролисталась в неизвестном направлении..
    – Telion
    30 апр 2017 в 15:55
  • По клику "разблокирует", после отведения "блокирует". Можно прозрачный элемент сверху карты сделать, как вариант.
    – YozhEzhi
    30 апр 2017 в 16:18
  • Нет, по клику тоже не подходит. Единственное что я вижу пока это параметр в API карт гугл и блокирование ивента колесика мышки при курсоре поверх карты. Как сделать первое я не знаю, а второе не факт что будет качественно работать.
    – Telion
    30 апр 2017 в 16:25

Ваш ответ

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

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.