带有缩放控件的Mapbox错误
我正在使用mapbox.v0.3.0。我在仅使用Internet Explorer时遇到了缩放控制的错误。它可以与Edge、Chrome和Firefox配合使用。我的布局如下:带有缩放控件的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"></
<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);
}