sina房地产电子地图客户端实现原理,看得出他们为控制浏览刘量和访问效率所费的苦心,小开眼界

时间:2021-03-06 02:18:40
   我的一个老朋友向我咨询,说sina网络上的那个实时查看房产信息是怎么做出来的。我就阅览了下,说实在的,平时在这方面关注甚少,所以也没看过这个电子地图。但实时查看电子地图上相关特征对象属性信息,这个是很难做出来这个我倒知道,所以怀着好奇心,我阅览了下这个网址,sina房产的网址请见 http://map.house.sina.com.cn/

    刚看了一眼,就发现了些不同。
(1)它先加载了些房地产点分布,然后再将北京的底图一块块小的地图分别加载后拼在一起。
(2)加载完成后发现它没有地图基本的缩放功能。
(3)各房产属性信息内容是直接加载在客户端

   操作了下,当鼠标移动到某个房产时,相关信息内容立刻显示出来,并且地图可以移动。我产生了几个问题这让我引起了研究它的兴趣。问题如下
(1)这么大张图片不管分割多么小的块,总得图片大小应该是差不多的,显示速度怎么控制,要知道是sina,是要充分考虑海量访问量的情况
(2)为什么没有放大缩小功能
(3)房产点分布怎么会和电子地图分离了呢?
(4)这样做对后台的数据维护有什么好处,个人感觉,这种东西后台肯定是比较通用的

   花了半个小时研究了下它的客户端源码,才比较充分理解整个网站在客户端这种流量优化和显示优化方面所做出的努力,当然整个设计思路是非常巧妙的,更重要的是,开发原理并不是很难,甚至可以用较简单来形容。呵呵,总之,我是佩服不已,也开阔了我的设计的视野,让我意识到sina在满足客户体验性的努力和技术追求的适可而止的理智上的平衡,意识到合适的系统才是最好的。好话说太多了,主要是因为对我来说实在是非常有帮助的事情。现我来尝试依次解析它的这个巧妙的设计思路,希望对看到本帖的人有所启视。