WebGis最近很流行,领导都喜欢看直观的东西。很多领导都喜欢在自己办公室里挂个全球地图,感觉自己很有全局观。所以在中国GIS应用很流行,相关的项目多的去了。最近做了不少WebGis的项目,对于基于GIS的应用也是有那么一点点心得和体会。
界面元素
WebGis界面,主要有两个方面:
- 操作地图的界面,比如:放大,缩小,拖动,全屏,测距等
- 基于地图的业务应用界面
在电脑上显示,一般地图显示越大越好,领导越喜欢。但是由于一般还都是1024×768的分辨率,特别投影仪上。所以在设计界面上要格外小心,不能让一些按钮掩盖了关键地图。要增加一些可以隐藏,伸缩的特效。有些功能开始领导不知道,等看这里这个功能的时候领导会想加其他类似功能,所以界面也要有很好的扩展性。
界面示例
- 谷歌地图
- 百度地图
- Bing地图
- 我的地图
总结
大家可以发现,百度、谷歌的设计差不多,都是左边是地图导航,右边是基于地图的应用,且样式也差不多。Bing估计怕谷歌告,设计完全与百度不一样,在左边既包含地图导航,也包含一些应用操作。这个设计对于普通人难说,操作还是有点难度的。而我的GIS界面完全仿造他们的优点,去除了一些默认操作按钮,比如放大,移动等,增加了,一些全屏,复位,设置等按钮,扩充了应用界面。
分享到:
相关推荐
基于HTML5_JavaScript的WebGIS功能界面设计与开发.pdf
1 参考百度地图,设计一个客户端WebGIS(百度地图下方的导航栏和右下角的全景等按钮可不需要)。可增加其余界面元素。 2 主界面包含一张图片地图,用JS实现地图的放大、缩小、上移、下移、左移、右移。 3 点击...
以WebGIS环境为主,讨论了VISI理念融于WebGIS信息表达与界面设计的基本方法和综合考虑因素,并依据这些基本方法设计试验,给出了具体实例。
在WebGIS的浏览器端存在绘图效率差、不能直接支持矢量绘图等问题。为提高客户端的交互性和实时性,在解决浏览器不支持矢量绘图和渲染速度慢、存储空间小、传输速率慢这些问题的基础上,结合HTML5中的Canvas、...
根据实际需求,在分析关键技术、网络结构的基础上,对系统的架构、数据库设计、地图文件处理、用户界面设计和系统功能模块设计等进行较为详尽分析和设计,并初步完成系统了开发,验证了其可行性。系统的开发不仅为宁德...
结合具有表述性状态转移(REST)风格的 Web Service与开放地理信息联盟(OGC)开放标准规范 ,提出一 种面向资源的 WebGIS架构及其设计方法 .在该架构中 ,为实现信息共享和功能互操作 ,采用 OGC规范作为服务 接口标准 ,...
包括数据的组织、地图服务的创建、网站的设计以及服务器的环境配置,实现了江苏省环保信息的网上发布,并对环保WebGIS主要功能进行了介绍,并给出了部分运行界面,对环保部门和其他部门使用ARCIMS进行专题性WebGIS...
在显示时将引入地图显示及定位功能利用相关的WebGis技术对相关方面扩展。 三、研究结论 设计并且实现了一个位置信息管理网站设计,用My Eclipse作为开发工具,以SQL Server作为数据库,使用JSP语言开发。该系统界面...
针对现有煤矿安全监测监控系统图形界面标准不一致、呈现效果差别大、无法实现系统联动效应等问题,根据《煤矿安全监控系统升级改造技术方案》要求,提出了一种煤矿多系统“一张图”融合联动平台设计方案,介绍了该...
关于webgis的前端网页设计,包括UI界面的设计和地图显示
android项目-人口普查小项目: 安装版本,测试报告,界面截图,设计文档,升级文档,数据处理以及源码。 希望对大家有所了解
本论文介绍了建立辽河河口地理信息管理系统的相关技术,并描述了建立、分析、设计该系统的过程,最后展示了系统运行的部分功能界面。本系统采用Java EE与OpenGeo框架相结合的架构,实现了B/S结构的WebGIS系统。网站...
以ADO.NET作为数据主要接口,实现和 数据库连接,同时以地理信息(WebGIS)的形式来体现土地使用的空间信息。总的来说, 采用Microsoft整体解决方案,以达到整体性能的提高。 2 技术可行性和先进性 自从WEB技术问世...
针对出行示意图的开发,提出了一种基于OpenLayers和TileCache开源技术的WebGIS设计方案。借助OpenLayers 的功能实现示意图的展示,采用TileCache实现示意图的缓存机制,降低了开发难度和成本,提高了显示性能和界面功能,...
此应用实例是一个全功能的展示应用。运行调试通过,共享出来,大家参考、讨论、学习 、期望同行朋友跟帖共同研究..... 。 实例充分利用的Silverlight 3的功能,比如:触发器、元件结合等,程序结构合理,实例开发了...
一个牛人提供的GIS源码(很好 ...浅谈WEBGIS运用栅格地图实现原理[更新:Google Maps带来的新型WebGIS设计模式] http://www.cnblogs.com/Tangf/archive/2006/01/14/317327.html 校园WebGIS开发与实践(论文部分) http://...
我们还可以添加一些用户界面元素,例如控制面板、信息提示等,以增强用户体验。 为了使模型能够在不同的设备和浏览器中正常运行,我们还需要考虑浏览器兼容性和性能优化。例如,我们可以使用响应式设计来适配不同的...
SuperMap GIS 2008是在CMMI 3级产品开发流程中进行的,从初期的概念阶段,广征需求,从中筛选,确定产品目标,之后经过了需求设计、接口及界面设计、开发、验证等过程,一次次精益求精,让我们在塑造更完美产品的...
还提供了二次开发功能,用户可以根据应用的需要自行设计界面,调用所提供的动态库进行二次开发。 特点:GeoGlobe具有和World Wind相似的功能,加入了实时三维量测等功能。能同时处理多种来源的数据,包括三维地形...