本书结合Vue和OpenLayers，由浅入深、循序渐进地介绍Element的常用组件用法。本书共8章，首先介绍Element+Vue+OpenLayers开发环境的配置；然后结合Vue和OpenLayers对Element的常用组件进行详细的介绍，包括基本组件、表单组件、数据组件、通知组件、导航组件以及其他组件；最后以开发一个简单的智慧校园系统为例，进行Element+Vue+OpenLayers的项目实战。本书既可作为高等学校计算机科学与技术、地理信息系统、网络GIS、互联网软件开发、地理空间信息工程等相关专业或课程的教材和教学参考书，也可供计算机、GIS、遥感、测绘等领域的科研工作者参考。

第1章开发环境的配置
1.1使用npm配置开发环境
1.1.1Vue的安装
1.1.2Element的安装
1.1.3OpenLayers的安装
1.2采用直接引用的方式配置开发环境
1.2.1下载Vue文件
1.2.2下载Element文件
1.2.3下载OpenLayers文件
1.3个Element+Vue+OpenLayers示例
1.4多语言切换
1.5自定义主题样式切换
1.6组件过渡动画
第2章基本组件
2.1Element的布局
2.1.1基础布局
2.1.2分栏间隔
2.1.3混合布局
2.1.4分栏偏移
2.1.5对齐方式
2.2Element的布局容器
2.3Element的色彩
2.4Element的字体
2.5Element的边框
2.6Element的图标
2.7Element的按钮
2.7.1按钮的样式定义
2.7.2按钮的事件绑定
2.8Element的文字链接
2.9思考与练习题
第3章表单组件
3.1单选框（Radio）
3.2多选框（Checkbox）
3.3输入框（Input）
3.4计数器（InputNumber）
3.5选择器（Select）
3.6级联选择器（Cascader）
3.7开关（Switch）
3.8滑块（Slider）
3.9时间选择器（TimePicker）
3.10日期选择器（DatePic）
3.11日期时间选择器（DateTimePicker）
3.12上传（Upload）
3.13评分（Rate）
3.14颜色选择器（ColorPicker）
3.15穿梭框（Transfer）
3.16表单（Form）
3.17思考与练习题
第4章数据组件
4.1表格（Table）
4.2标签（Tag）
4.3进度条（Progress）
4.4树形（Tree）组件
4.5分页（Pagination）
4.6标注（Badge）
4.7头像（Avatar）
4.8思考与练习题
第5章通知组件
5.1警告（Alert）
5.2加载（Loading）
5.3消息提示（Message）
5.4弹框（MessageBox）
5.5通知（Notification）
5.6思考与练习题
第6章导航组件
6.1导航菜单（NavMenu）
6.2标签页（Tabs）
6.3面包屑（Breadcrumb）
6.4页头（PageHeader）
6.5下拉菜单（Dropdown）
6.6步骤条（Steps）
6.7思考与练习题
第7章其他组件
7.1对话框（Dialog）
7.2文字提示（Tooltip）
7.3弹出框（Popover）
7.4卡片（Card）
7.5走马灯（Carousel）
7.6折叠面板（Collapse）
7.7时间线（Timeline）
7.8分割线（Divider）
7.9日历（Calendar）
7.10图片（Image）
7.11无限滚动（InfiniteScroll）
7.12抽屉（Drawer）
7.13思考与练习题
第8章Element+Vue+OpenLayers项目实战
8.1智慧校园系统的需求分析
8.2智慧校园系统的设计
8.2.1开发环境
8.2.2数据结构设计
8.2.3系统功能设计
8.3智慧校园系统的功能实现
8.3.1地图基本功能
8.3.2道路设施查询
8.3.3运动休闲查询
8.3.4教学设施查询
8.3.5餐饮服务查询
8.3.6办公楼查询
8.3.7学生宿舍查询