php - bootstrap hero-unit height - Leaflet -

-

i have basic bootstrap layout navbar , sidebar(span 3) + map(span 9). problem when @ code in browser map looks this: http://dl.dropbox.com/u/15923835/bootstr.jpg

but want fixed size map (it should cover 80% of page something. have tried set fixed height in every div nothing happens. have suggestions?

sorry bad technical explanation (i'm trying learn)

here's copy of code:

<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 &copy; 2011 openstreetmap contributors, imagery &copy; 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 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 popup.").openpopup();              </script>       </div>     </div> </div>

as specified in quick start : http://leaflet.cloudmade.com/examples/quick-start.html use style on div#map

<div id="map" style="height: 200px"></div>

Comments

Post a Comment

Popular posts from this blog

c# - SVN Error : "svnadmin: E205000: Too many arguments" -

-
i trying reposotries using c# code process svncommand = null; var psi = new processstartinfo("svnadmin"); psi.redirectstandardoutput = true; psi.redirectstandarderror = true; psi.useshellexecute = false; psi.arguments= @"dump c:\repositories\myrepo > c:\temp\myrepodumpfile.dump"; using (svncommand = process.start(psi)) { var myoutput = svncommand.standardoutput; var myerror = svncommand.standarderror; debug.write("output :" + environment.newline + environment.newline + myoutput.readtoend() + environment.newline + "error :" + environment.newline + environment.newline + myerror.readtoend()); svncommand.close(); } when use dump command commandline svnadmin dump c:\repositories\myrepo > c:\temp\myrepodumpfile.dump it works fine when try ...
Read more

c# - Copy ObservableCollection to another ObservableCollection -

-
how copy observablecollection item observablecollection without reference of first collection? here observablecollection item value changes affecting both collections. code private observablecollection<ratemodel> _allmetalrate = new observablecollection<ratemodel>(); private observablecollection<ratemodel> _metalrateondate = new observablecollection<ratemodel>(); public observablecollection<ratemodel> allmetalrate { { return this._allmetalrate; } set { this._allmetalrate = value; notifypropertychanged("metalrate"); } } public observablecollection<ratemodel> metalrateondate { { return this._metalrateondate; } set { this._metalrateondate = value; notifypropertychanged("metalrateondate"); } } foreach (var item in metalrateondate) allmetalrate.add(item); what causing , how can solve it? you need clone object referenced item before it's a...
Read more

All overlapping substrings matching a java regex -

-
is there api method returns (possibly overlapping) substrings match regular expression? for example, have text string: string t = 04/31 412-555-1235; , , have pattern: pattern p = new pattern("\\d\\d+"); matches strings of 2 or more characters. the matches are: 04, 31, 412, 555, 1235. how overlapping matches? i want code return: 04, 31, 41, 412, 12, 55, 555, 55, 12, 123, 1235, 23, 235, 35. theoretically should possible -- there obvious o(n^2) algorithm enumerates , checks substrings against pattern. edit rather enumerating substrings, safer use region(int start, int end) method in matcher . checking pattern against separate, extracted substring might change result of match (e.g. if there non-capturing group or word boundary check @ start/end of pattern). edit 2 actually, it's unclear whether region() expect zero-width matches. specification vague, , experiments yield disappointing results. for example: string line = "xx90xx"; strin...
Read more