带有缩放控件的Mapbox错误

带有缩放控件的Mapbox错误,mapbox,directions,Mapbox,Directions,我正在使用mapbox.v0.3.0。我在仅使用Internet Explorer时遇到了缩放控制的错误。它可以与Edge、Chrome和Firefox配合使用。我的布局如下: <div id="pnlMapControl"> <div id="pnlRoutePane"> <div id="divRouteInputs"></div> <div id="divRouteErrors"></

我正在使用mapbox.v0.3.0。我在仅使用Internet Explorer时遇到了缩放控制的错误。它可以与Edge、Chrome和Firefox配合使用。我的布局如下:

<div id="pnlMapControl">
    <div id="pnlRoutePane">
        <div id="divRouteInputs"></div>
        <div id="divRouteErrors"></div>
        <div id="divRouteDirections">
            <div id="divAlternateRoutes"></div>
            <div id="divRouteInstructions"></div>
        </div>
    </div>
    <div id="pnlMap"></div>
    <div id="pnlStatusBar">
        <span id="lblStatus">Status</span>
        <span id="lblLatLon" style="float:right">LatLon</span>
    </div>
</div>

我将pnlMap改为绝对定位,解决了这个问题。但是,当pnlMap贴图容器变小时,fitBounds无法正常工作,因为它似乎认为它仍然具有全宽…解决了:除了使pnlMap绝对定位,这对IE更好,我调用了map.invalidateSize,现在fitBounds可以正常工作。幸好你解决了这个问题,如果您遇到这样的不一致,并且您已经对其进行了全面的测试,您可以在他们的问题跟踪程序中提到这一点,这会更好。让他们知道出了什么问题:提前感谢;我确实向Mapbox报告了,但你对问题追踪者说得很好。感谢您帮助我学习如何使用GitHub。
    #pnlMapControl {
        position: absolute;
        left: 0px;
        right: 0px;
        top: 60px;
        bottom: 0px;
        background-color: red;
    }

    #pnlRoutePane {
        position: absolute;
        left: 0px;
        width: 300px;
        top: 33px;
        bottom: 20px;
        background-color: lightseagreen;
        display: none;
    }
    #pnlMap {
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        background-color: lightyellow;
    }
    #pnlStatusBar {
        position: absolute;
        left: 0px;
        right: 0px;
        bottom: 0px;
        height: 20px;
        background-color: lightblue;
    }
    #lblStatus {
        margin-left: 5px;
        vertical-align: middle;
    }
    #lblLatLon {
        margin-right: 5px;
        vertical-align: middle;
    }

    #divRouteInputs {
        position: absolute;
        top: 10px;
        left: 10px;
        width: 280px;
        height: 80px;
        background-color:yellow;
    }

    #divRouteErrors {
        position: absolute;
        top: 120px;
        left: 10px;
        padding: 10px;
        border-radius: 0 0 3px 3px;
        background: rgba(0,0,0,0.25);
    }

    #divRouteDirections {
        position: absolute;
        top: 120px;
        left: 10px;
        bottom: 0px;
        overflow: auto;
        background: rgba(0,0,0,0.8);
    }