Элементы управления масштабированием карт Google не отображаются полностью

Question

У меня есть веб-страница, которая используется как веб-приложение, а также внутри собственного веб-просмотра Android. На веб-странице отображается контент из Google Maps API v3. Проблема в:

Я не могу видеть элементы управления масштабированием полностью при загрузке страницы на старых устройствах Android.

Я понимаю, что это потому, что старые браузеры Android не позволяют событиям мультисенсорного ввода во время выполнения JavaScript. Следовательно, API показывает элементы управления масштабированием. Нужно найти способ хотя бы полностью отобразить управление масштабированием.

Не могли бы вы предложить, может быть, CSS исправить: P

PFA снимок экрана, где кнопка уменьшения масштаба не полностью отображается:

  Code:
    HTML:
        <div class="mapBody">
           <div id="map">
           </div>
        </div> 
    CSS:
    #map {
        height: 90%;
        width: 100%;
        position: absolute !important;
    }

Answer 1

Обходной путь: Поскольку отображение было подходящим для всех устройств, которые поддерживали события мультисенсорного ввода в JS, я просто добавил следующее свойство к экземпляру карты в JS, которое в основном указывает положение элемента управления / тип элемента управления.

        zoomControl: true,
        zoomControlOptions: {
             position: google.maps.ControlPosition.TOP_LEFT
        }

ПРИМЕЧАНИЕ: это не решение, а просто обходной путь, который я использовал, поскольку спешил и не создавал особых проблем для существующего потока.