Google Maps resize: кнопка управления maptype css исчезает

Question

У меня есть карта на моей странице с maptype кнопка управления. При инициализации карты я добавляю стиль css (выделяя текущий активный тип карты, например «Карта» или «Спутник») на кнопку.

Когда изменен размер, вид карты перезагрузки и кнопка css исчезают, поэтому мне нужно дождаться изменения размера и повторного использования стиля css на кнопке.

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

Должен ли я использовать обратный вызов здесь, и это может измениться?

Answer 1

Как указано в Custom Controls, для создания собственного пользовательского элемента необходимо несколько правил. Ниже приведены рекомендации, которые также действует как лучшие практики:

• Определить соответствующий CSS для управления элементом (ами), чтобы отобразить.
• Управление взаимодействием с пользователем или картой с помощью обработчиков событий для изменения свойств карты или пользовательских событий (например, click событий).
• Создайте элемент для хранения элемента управления и добавьте этот элемент в свойство элементов управления Map.

Чтобы узнать больше об этих проблемах, пожалуйста, пройти через обсуждение и выборки коды в данной документации, в основном в следующие:

• Рисование пользовательских элементов управления
• Обработки событий из пользовательских элементов управления
• Позиционирование пользовательских элементов управления
• Пример пользовательского контроля
• Добавление состояния к элементам управления