谷歌地图自定义控件显示移动设备上的地图背后

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);