google-maps - モバイルデバイスの地図の後ろに表示されるGoogleマップのカスタムコントロール

Question

カスタム マップ コントロールがモバイル デバイスのマップの背後に表示されます。

指でマップを動かすと、マップの後ろにコントロールが表示されます。マップの移動を止めると、コントロールはマップの後ろに消えます。デスクトップブラウザではすべて正常に動作します。

モバイルデバイスで強制的に表示するために追加できる設定またはcssがあるかどうかは誰にもわかりませんか?

        var mapOptions = {
            center: new google.maps.LatLng(39.964885,-104.613528),
            zoom: 5,
            maxZoom: 24,
            mapTypeControl: false,
            mapTypeId: opts.mapType,
            streetViewControl: false,
            panControl: false
        };

        // Initialize map, infowindow and create default marker icon 
        map = new google.maps.Map( elem, mapOptions );

        var controlDiv = document.createElement('div');

        var controls = $("<div></div>")
            .attr("id","mbb-map-control-wrapper")
            .css({
                "margin-top": 5
            })
            .appendTo(controlDiv);

        var showMore = $("<span>Show More</span>")
            .attr("id","mbb-showmore-btn")
            .appendTo(controls);

        $(showMore).click(function(){
            $(elem).trigger("map_show_more");
        });

        var searchHere = $("<span>Search Here</span>")
            .attr("id","mbb-searchhere-btn")
            .css({
                "margin-left": 10
            })
            .appendTo(controls);

        $(searchHere).click(function(){
            $(elem).trigger("map_search_here");
        });

        $("<div></div>").addClass("mbb-clear").appendTo(controls);

        map.controls[google.maps.ControlPosition.TOP_CENTER].push(controlDiv);