Lucrând zilele trecute din nou cu hărţile Microsoft m-am întrebat: cum pot face ca o hartă să acopere întreaga pagin? Desigur, când vrei să o încadrezi într-un design atunci o faci să zicem de 600 pixeli lăţime şi de 400 pixeli înălţime. Dar dacă vrei să umple toată pagina? Problema se reduce desigur la o altă întrebare: cum afli dimensiunea paginii? Prima soluţie spre care m-am îndreptat (şi de fapt singura 🙂 ) a fost jQuery. Dacă încărcăm librăria jQuery (şi am luat-o direct de pe Google) atunci avem acces la $(window).width() şi $(window).height(), care ne spun lăţimea şi înălţimea paginii (adică exact cât încape în fereastra navigatorului).
[HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Harta mare</title>
<script type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.2"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>
<body onload="AfiseazaHarta();" style=’margin:0; padding:0;’>
<script type="text/javascript">
$(document).ready(function(){
$(window).bind("resize", redimensionareFereastra);
function redimensionareFereastra(e) {
location.reload();
}
});
var harta = null;
function AfiseazaHarta(){
harta = new VEMap(‘hartaMea’);
harta.SetDashboardSize(VEDashboardSize.Small);
harta.LoadMap(new VELatLong(46, 25), 10 ,’h’ ,false);
harta.SetMapStyle(VEMapStyle.Road);
harta.ShowMiniMap(10,$(window).height()-160);
} …
Ultimele comentarii