无法在Google地图上切换地图视图以进行纵向方向

Question

我的网站上有谷歌地图。我根据Google Map Tutorial.

添加了它

我尝试在iPhone的浏览器中打开我的页面。我注意到，当iPhone具有纵向方向时，我无法在地图/卫星视图之间切换。在纵向方向上，我的地图看起来像这样，我无法在comboBox中选择任何内容：

在横向方向上，我的地图看起来像这样，我可以切换视图，一切正常：

如何在纵向方向上切换地图视图？

这是我的html：

<div class="map" data-tap-disabled="true"></div>

这是我的代码：

            var
            me = this,
            geocoder = new google.maps.Geocoder(),
            map,
            mapOptions = {
                zoom     : 15,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            },
            $mapContainer = me.$el.find( '.map' );

        geocoder.geocode( { 'address': me.model.addressString}, function ( results, status ) {
            if ( status === google.maps.GeocoderStatus.OK ) {
                map = new google.maps.Map( $mapContainer[0], mapOptions );
                map.setCenter( results[0].geometry.location );
                var marker = new google.maps.Marker( {
                    map     : map,
                    position: results[0].geometry.location
                } );
            }
        } );

Answer 1

错误的原因是我在我的应用程序中使用fastclick。我找到了开放而未关闭的错误here：

我找到了下一个解决方案：我们应该添加课程＆cc; needsclick＆＃39;动态地谷歌地图div孩子：

 $( document ).on( 'touchstart', '.map', function ( event ) {
            event.target.classList.add( 'needsclick' );
            $( document ).one( 'touchend', function () {
                event.target.classList.remove( 'needsclick' );
            } );
        } );

一切正常后。完整的讨论here。