现在的位置: 首页 > 综合 > 正文

上海地图更新,分享上海改版

2011年11月01日 ⁄ 综合 ⁄ 共 1334字 ⁄ 字号 评论关闭

自从上次低调发布上海和北京地图后,其实也一直在想如何做的更好,这次将上海地图发布到我的分享上海的站点上去了,更新的内容也算较多,code也基本重写了大部分。代码是断断续续写的,加上自己不会code,所以整个弄起来很累,本来计划国庆七天好好做的,但中间这样那样的事情一直没有安心写code,直到最近觉得实在过意不去,所以决定在十一月份总该上线吧,总结下来觉得人的惰性还是蛮可怕的。OK,废话多说了,看图:

分享上海--用眼睛发现,用心分享_1257004281207

和上次的地图界面差不多,不过可能大家并没有注意到太多的变化,总的来说变化有:

1,将数据搜索和专题地图整合到一起,在不需要跳转的情况下可以搜索地图并访问专题地图。

2,数据搜索部分除了标准的数据(只有简单的名称地址电话等内容)外,增加了增值数据(就是有详细的内容介绍和图片等内容),增值数据是特色的部分,也将是后期将持续增加的内容。

3,每一个增值数据拥有一个独立的页面,在该页面可以留言。

4,将原来的难懂的“显示当前范围内的POI”更改成“视野范围内搜索”,仿照了百度的视野范围搜索功能,但我并没有加入再次的查询,只做当前范围内分类兴趣点的列表查询。

5,增加了一个天气预报的小应用,不过仅仅是针对上海的天气。

大概的变化就这么多吧,那么用到了什么好玩的技术呢?算PHP+ajax吧,不过PHP就是实现读取查询数据库并显示为XML的功能,其余的作用不大,所有的功能基本上都是配合JQuery使用JS写成的吧。简单列举一下吧:

1,JQuery,这个大名鼎鼎的JS框架我就不用说了吧,我用它来完成了大部分的内容,特别是对xml文件的处理。JQuery确实简单易用,让我省掉非常多的事情,相比Prototype确实要简单许多。

2,jquery.pageFoot,是基于JQuery的分页插件,用于结果数量过多进行分页处理。虽然还有像jPage for jQuery的插件,但我最后放弃了,实现的原理不太一样,pageFoot插件仅仅是分页,不提取数据,而jPage需要用到全部的数据,关于这一点可能我理解有误,但我觉得pageFoot比较简单实用。

3,Google weather api,首页面为了学习百度使用天气预报点缀一下,所以用到了Google的天气API,这个本来准备用JQuery跨域访问的,不过失败了,最后只好写个PHP去读取Google天气API,然后直接输出到页面。

4,sNews,用来做增值数据的展示。这是一个CMS系统,不过是世界上最小的CMS系统,因为基本上可以说只有一个PHP文件,但却包含了CMS的绝大部分内容,一个简单的CMS,比如用来建立公司网页,用它绝对足够,除了没有tag功能外。不过由于sNews自身的限制,所以主要内容的改动相对来说不够灵活,现在看来我没有使用wordpress作为CMS展示是一个失误,看来还需要继续研究一下wordpress的数据结构。

大概就是这些内容了吧,不过也算是冲冲发布,问题在所难免,有些功能甚至都没有写(因为暂时还没用到),下一步应该加入对gpx和kml文件的支持,最好的话能够整合wordpress,不知道大家有什么好的建议,欢迎给我反馈。最后附上访问地址,欢迎大家访问分享上海:http://sharesh.cn/

抱歉!评论已关闭.