leva的博客

Element提供了一套默认使用的主题，Element也提供使用其他自定义主题的方法，详见Element官网首页中的“主题”部分。本节通过直接引用的方法来自定义主题。在Element官网的首页中单击“组件”按钮，然后单击“unpkg.com/element-ui”，在弹出的页面中打开文件夹“lib\theme-chalk”，如图1-30所示。图1-30 文件夹theme-chalk的页面。

在打开的页面中单击“v6.0.0-dist.zip”，如图1-21所示，即可下载OpenLayers文件的压缩包，解压缩后，将其中的ol.css文件和ol.js文件复制到自己的项目中。单击图1-17中的“View Raw”按钮，可得到Element的JavaScript代码，如图1-18所示（只显示了部分代码）。打开Vue官网，首先单击“起步”按钮，然后单击页面中的“安装”按钮，接着找到页面中的“开发版本”按钮和“生产版本”按钮，最后单击“开发版本”按钮即可将Vue文件下载到本地，如图1-13所示。

全局安装是指在计算机的任何位置都可以访问Vue，局部安装只能在局部位置访问Vue，在命令行窗口中使用“-g”表示全局安装。图1-8中，文件夹node_modules中保存的是项目的依赖包文件，package.json是项目依赖包的配置文件，该文件中的“dependencies”键（key）对应的值（value）是该项目引入的外部库文件，如图1-9所示。项目运行成功后，会有一个IP地址，浏览器中输入该IP即可打开创建的项目，打开项目时的初始化页面如图1-10所示。最后根据自己的需要在命令行窗口中设置项目。

在应用中为了提高系统的安全性，避免用户通过输入地址访问JSP 页面资源，在开发时将JSP 页面放入WEB-INF 文件夹中，这样用户就只能通过Action 访问指定的JSP 页面。主界面展示基本地图，并且可以通过选项菜单切换不同类型的地图，三个二级界面分别实现地点搜索功能、路径查询功能以及导航功能。导航功能界面基于路径抽屉展示的结果，可分段展示不同的路径片段，同时可以开启语音提示功能。(2 ）搜素栏： 根据输入的地址，可实现名称的查找、地图的自动定位功能，也可根据输入的坐标实现地图的自动定位功能。

WebGIS 系统概述，开发背景需求分析系统整体设计地理信息系统GIS 广泛应用于国民经济的各个领域。特别是在交通管理领域，GIS有着更加重要的地位。现代的城市道路是城市总体规划的主要组成部分，关系着整个城市的有机活动。对城市路网的管理，包括道路监测点的维修和设备更换，路况的拥塞度查询，路线的最短路径搜索，以及城市全貌的浏览和空间检索，都能在GIS 里得到直观的体现。因此，开发和应用交通WebGIS 信息系统，具有很高的实用价值和商业前景。本文介绍基于Web 平台的交通WebGIS 信息系统的构建。

系统的其他管理功能模块也是系统相关的辅助功能模块，主要包括用户管理功能和数据的批量导人两部分。

并且通过查看剖面图及剖面信息，电网施工人员可以查询电缆的埋深、在工井中的走向和在管沟段中的位置等关键信息，直观可视化的操作可以降低电力事故发生的概率。配电线路单线图的实现界面如图所示，它提供了可视化智能化管理配电线路单线图的工具。单线图模块提供了单线图的查看和编辑功能，并且通过右侧菜单栏可以实现单线图中的设备在GIS 地图上的定位。系统提供了简单的图形编辑菜单栏，电网管理人员可以对单线图中的设备、线路属性、位置和连接关系进行编辑，以提高单线图数据的准确性。单线图管理包括单线图绘制功能、单线图存储功能。

导航树的各节点是通过Ajax 技术异步加载的，系统初始化时导航树只会加载初始的城市节点，用户根据自身需要选择相应的父节点加载其逻辑关系下的子节点。导航树的交互操作是定义各个组织节点和实例节点的右键菜单，根据节点的定义不同，构建菜单的功能也不相同，主要是设备的查询、增加、修改及删除功能以及地图定位等与GIS 模块的交互功能。导航树实例节点的右键交互菜单提供设备的定位功能，通过导航树的逻辑关系查询到对应设备后可以将其定位到地图的中间突出显示。现经纬度查询功能，实现效果如图所示，经纬度查询的关键代码如。

GIS 基本功能模块主要是在表现层开发的，是在OpenLayers 开发框架提供的接口上，通过Geo Server 提供的GIS 服务在Web 服务器端使用HTML 和J avaScript 语言开发实现的。瓦片地图的缓存是通过GeoServer 的瓦片缓存服务器实现的，地图的瓦片以文件的形。并且，随着地图等级的放大，不同的设备图层将加载出来，以便实现电。属性查看是一个常用的功能，用于查看选中的设备或者线路的相关属性，在这里以变压。力管线设备的分级显示，而且可以通过图层控制控件单独显示特定的设备图层。

获取SQL 类型的空间数据Geometry将Geometry转变为WKT形式ST_ AsText(geometry)拆分WKT形式的字符串获得更新后的经纬度判断设备类型OBJECT_TYPE通过STAT IC _ID更新属性数据库中相应记录的经纬度属性数据和空间数据的关联操作包括增加、删除和修改。添加数据记录的关联操作是由系统的业务逻辑层控制的，业务逻辑层会同时控制生成一一对应的属性和空间数据记录，而数据的删除和修改的关联则是通过数据库触发器控制的。剖面实体表存储的是管沟段的横剖面的几何信息和关键属性；

主要解决将指定的空间数据以地图的形式绘制出来的问题，主要包括瓦片图层的渲染、矢量图层的渲染以及电力管线设施的符号系统。系统可以实现不同方式的查询操作，可以实现通过设备坐标查询电力设备在地图上的位置，也可以提供按照设备类型、设备材质等的条件查询，并可以提供模糊查询操作。设备接线图能够可视化展示相关设备内部的线路接线图，系统能够实现电力设备接线图的绘制与编辑，并可以将接线图中的设备和管线与地理轨迹图中的设备和管线关联在一起。系统的人沟管理包括管沟段的增加、删除和更改，能够实现标准段入沟的可视化操作。