WebGis设计界面

引言

WebGis最近很流行，领导都喜欢看直观的东西。很多领导都喜欢在自己办公室里挂个全球地图，感觉自己很有全局观。所以在中国GIS应用很流行，相关的项目多的去了。最近做了不少WebGis的项目，对于基于GIS的应用也是有那么一点点心得和体会。

界面元素

WebGis界面，主要有两个方面：

1. 操作地图的界面，比如：放大，缩小，拖动，全屏，测距等
2. 基于地图的业务应用界面 
   
   在电脑上显示，一般地图显示越大越好，领导越喜欢。但是由于一般还都是1024×768的分辨率，特别投影仪上。所以在设计界面上要格外小心，不能让一些按钮掩盖了关键地图。要增加一些可以隐藏，伸缩的特效。有些功能开始领导不知道，等看这里这个功能的时候领导会想加其他类似功能，所以界面也要有很好的扩展性。

界面示例

1. 谷歌地图
   

   

    
2. 百度地图
   

   

    
3. Bing地图
   

   

    
4. 我的地图
   

   

   总结

   大家可以发现，百度、谷歌的设计差不多，都是左边是地图导航，右边是基于地图的应用，且样式也差不多。Bing估计怕谷歌告，设计完全与百度不一样，在左边既包含地图导航，也包含一些应用操作。这个设计对于普通人难说，操作还是有点难度的。而我的GIS界面完全仿造他们的优点，去除了一些默认操作按钮，比如放大，移动等，增加了，一些全屏，复位，设置等按钮，扩充了应用界面。