网页电子地图(webgis)系统开发一

大家知道地图的面积是远远超出浏览器大小的,所以,我们通过js来实现分批载入的方式处理地图,这样,我们把整张地图切割成256*256像素大小的小块,我们把这种小块称之为瓦片(tile). 然后在地图被鼠标拖动时,实时计算当前要查看的地图位置,然后载入相应瓦片(tile).

getMapSize()

该主要是用于定义地图区域的大小,方便后期的地图瓦片载入时的瓦片计算.

实测此函数兼容IE(6,7,8);FF;OPREA浏览器

view sourceprint?
1 function getMapSize(){ 

2   

3 var from={w:800,h:600} 

4 form.h = document.documentElement.clientHeight -  document.getElementById("map_top").offsetHeight -  document.getElementById("map_bottom").offsetHeight - 5; 

5 form.w =  document.documentElement.clientWidth; 

6   

7 return from; 

8   

9 }
说明:

1.如想在各个浏览器中都能获得body对象的大小,首先要在HTML页面中声明w3C的标准文档类型,然后使用document.documentElement.clientHeight和document.documentElement.clientWidth

2.如想在各个浏览器中都能获得指定页面元素的大小,同样要声明w3c标准文档,之后使用document.getElementById(“id”).offsetHeight和document.getElementById(“id”).offsetWeight

OK！

此文章在960WEB上摘抄整理