webgis从基础到开发实践_WebGIS开发入门指导练习题（一）

一些WebGIS开发学习的同学，在学习的时候可能很迷茫，目前简单的指导一下学习方向。

需掌握技能：

• 前端JavaScript+HTML+CSS
• 后端Java（最基本要求是JavaSE基础，然后了解SSH框架，能和后端程序猿对接接口，会简单书写Controller，Ajax前端调用）
• 数据库Oracle+MySQL
• 相关软件使用掌握：Navicat、PLSQL
• GIS相关技能：ArcGIS地图服务发布、ArcGIS API for JavaScript、OpenLayers

相关GIS资源可见文章《地理信息系统资源列表（Awesome GIS）》

下边是个人自己出的一些联系题，提供给`初学者`学习的参考。

（一）、使用不同 JavaScript 地图库加载展示地图

难度系数：★☆☆☆☆

要求：

1、自己使用ArcGIS发布地图服务；
2、使用 ArcGIS API for JavaScript 调用发布的地图服务展示出来；
3、使用OpenLayers2.x 或 3.x版本 加载地图展示；

要求背景分析：

主要是掌握 ArcGIS 发布地图服务的技术，以及了解 RESTful 服务的地图瓦片，WFS，WMS服务的区别等；
用不同的 JavaScript 地图库是为了了解目前主流的地图API 库，作为WebGIS开发工程师， ArcGIS API for JavaScript和 OpenLayers 是必须了解和掌握的。

涉及编程语言：JavaScript、HTML/CSS

（二）、一个简单的前后端完整的webgis系统

难度系数：★★☆☆☆功能：

1. 地图预览加载；
2. 事件功能模块（一张事件表，带经纬度字段的）；

业务功能大致描述：

系统可加载展示地图外，具备一个功能模块叫：事件管理。此模块是简单的属性业务表的展示，模块具备记录的增删查改功能；事件表的字段有：主键ID，事件名称，事件经度、事件纬度、新增事件时间、新增人、备注；该模块还具备一个事件记录的定位功能，选中一条事件记录，点击定位按钮，可定位到地图上，并以图标（类似Mark）标注出来；还可以给此事件图标添加点击事件，点击弹出小气泡，内容是事件描述信息。事件记录支持多选，多个事件定位到地图并缩放到合适的分辨率。

背景分析：
将前端和后台数据交互练习起来，通过接口读取数据表的坐标信息在地图上进行交互展示。了解webgis前后端的通信过程和相关的技术原理，是个简单完整的webgis系统。在完成习题（一）的时候，地图加载用了 ArcGIS 或者 openlayers，进一步做此题即可。

涉及编程语言：JavaScript、HTML/CSS、JAVA+MySQL或Oracle

总结

编程语言是基础，每个题目都写出需要用到的编程语言，目的是让同学们清晰的认识到需要学习的技能。其他方面有疑问可以回复本微信公众号！

后续会上《WebGIS开发进阶练手题（二）》文章

WebGIS开发的同学可以了解一下专栏：

WebGIS入门实战 － 小专栏​xiaozhuanlan.com

有建议或者疑问可以文章评论留言或者关注微信公众号留言。