由于地图的面积是远远超出浏览器大小的,所以,我们通过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
结束！
本文摘自960WEB