1
我有一個基本的引導佈局與導航欄和邊欄(跨度3)+地圖(跨度9)。 我的問題是,當我在瀏覽器中看看這段代碼的地圖看起來是這樣的:http://dl.dropbox.com/u/15923835/bootstr.jpg引導英雄單位高度 - 單張
但我要爲地圖固定大小(它應該覆蓋的頁面的東西80%我試圖設置。在每一個DIV,但什麼也沒有發生一個固定的高度,你有什麼建議
對不起,我的壞的技術說明(我努力學習)
這裏的代碼的副本:
<div class="container-fluid">
<div class="row-fluid">
<div class="span3">
<div class="well sidebar-nav">
<ul class="nav nav-list">
<li class="nav-header">Sidebar</li>
<li class="active"><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li class="nav-header">Sidebar</li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li class="nav-header">Sidebar</li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</div><!--/.well -->
</div><!--/span-->
<div class="span9">
<div class="hero-unit" id="map"></div>
<script src="../leaflet/dist/leaflet.js"></script>
<script>
var map = new L.Map('map');
var cloudmadeUrl = 'http://{s}.tile.cloudmade.com/BC9A493B41014CAABB98F0471D759707/997/256/{z}/{x}/{y}.png',
cloudmadeAttribution = 'Map data © 2011 OpenStreetMap contributors, Imagery © 2011 CloudMade',
cloudmade = new L.TileLayer(cloudmadeUrl, {maxZoom: 18, attribution: cloudmadeAttribution});
map.setView(new L.LatLng(55.367, 10.811), 6).addLayer(cloudmade);
var trailers = new L.LayerGroup();
<?php $query = mysql_query("SELECT tblmain.modemid, max(dateepoch), tblmain.date, tblmain.speed, tblmain.la, tblmain.lo, tblmain.t1, tblmain.t2, tblmain.spt1, tblmain.spt2, tbltrailers.name \n"
. "FROM tblmain\n"
. "LEFT JOIN tbltrailers\n"
. "on tblmain.modemid = tbltrailers.modemid\n"
. "GROUP BY modemid ");
$i = 1;
while ($row = mysql_fetch_array($query)){
$modemid=$row['modemid'];
$trailernummer=$row['name'];
$date=$row['date'];
$lat=$row['la'];
$lon=$row['lo'];
$speed=$row['speed'];
$t1=$row['t1'];
$t2=$row['t2'];
$spt1=$row['spt1'];
$spt2=$row['spt2'];
echo ("var marker$i = new L.Marker(new L.LatLng($lat, $lon));
marker$i.title = \"test\";
marker$i.bindPopup(\"<h1>$trailernummer</h1><br/>Modemid: $modemid<br/>Datum: $date<br/>Temp 1: $t1<br/>Temp 2: $t2<br/>Setpoint 1: $spt1<br/>Setpoint 2: $spt2 <br/> \").openPopup();
trailers.addLayer(marker$i);
");
$i++;
}
?>
map.addLayer(trailers);
//marker.bindPopup("<b>Hello world!</b><br />I am a popup.").openPopup();
</script>
</div>
</div>
</div>
的英雄單位一般應不查詢股價,但爲了以防萬一,儘量
多謝爲答案!它當然是完美的! 另外兩個問題: 1:有沒有什麼辦法可以根據用戶的分辨率始終將地圖的高度儘可能地放高? 2:在應用程序的其餘部分,是否還有一種方法可以在地圖上獲得它們很好的圓角邊緣?現在看起來有點無聊 – user1001937
1-在你需要依賴的引導程序和傳單中沒有這樣的本地調整javascript設置地圖高度爲例如頁面高度的25%。我沒有記得一個好的指針,但用http://api.jquery.com/height/,你可以將高度設置爲身高的25%。 2-沒有技巧,只是CSS,添加-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;在一個自定義的css文件中,或直接將這些添加到style屬性中:style =「height:200px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; – maxmax