我正在使用谷歌地圖作爲頁面。我要成立的層地圖,在100%的寬度100%身高減去200像素的工具欄左側:兩個div位置
<div id="toolbar" style="float: left;width: 20%">left</div>
<div id="map" style="float: left;width: 80%;height: 100%;"></div>
此代碼的工作,但在工具欄調整大小。我只需要200像素。我該如何保存地圖的位置? 代碼:
<html>
<head>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<style>
body, html
{
width: 100%;
height: 100%;
}
body
{
margin: 0;
}
</style>
</head>
<body>
<script>
$(document).ready(function() {
var city = new google.maps.LatLng(56.3, 44)
var mapOptions = {
zoom: 12,
center: city,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map($('#map').get(0), mapOptions)
})
</script>
<div id="toolbar" style="float: left;width: 20%">left</div>
<div id="map" style="float: left;width: 80%;height: 100%;"></div>
</body>
</html>
有水平滾動條了。 – Ockonal 2010-09-13 13:21:02
嗯...它是大約200像素的水平滾動?另外,你還有寬度:100%的#map風格? – 2010-09-13 13:32:13
是的,滾動是〜200像素 – Ockonal 2010-09-13 13:50:09