用OpenLayers解析GML文件

最新推荐文章于 2024-08-26 17:11:53 发布
最新推荐文章于 2024-08-26 17:11:53 发布
阅读量2.7k 收藏
点赞数
分类专栏： openlayers 文章标签： openlayer gml javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/happyduoduo1/article/details/51809517
版权
本文探讨了OpenLayers解析GML文件时效率低下的问题，特别是对于大型GML文件，解析耗时过长。作者指出OpenLayers在解析过程中将所有几何对象转化为Point，导致内存占用过大。为解决这一问题，作者建议在解析时直接用VML或SVG进行绘制，以提高性能。文中提供了一个简单的测试脚本，展示了如何通过自定义解析和绘制方法来加速GML数据的加载和显示。
摘要由CSDN通过智能技术生成

不可否认openlayers的确是个好东西，尤其是他的事件封装机制更是让人爱不释手，感谢致力于openlayers开发的脚本爱好者们。但是作为一个开源的脚本框架，它也存在不少缺陷，GML解析的低效率就是一个严重的问题。

对于一个像美国states的gml文件，大小约为300K左右，有95个面对象，所有面对象一共包含11000个左右的点，这么一个gml文件，不算从WFS请求过来的时间，就是放在本地就用openlayers脚本解析，耗时也在10s以上，虽然这里机器不太好，属于上个世纪的戴尔机器，内存256，CPU2.8G，但是这么长的耗时实在是说不过去。 

后来试用精简了的武汉数据，大小大概400K，只有一个面对象，不过这个面包含很多个点，16145左右，从WFS请求，结果在客户端根本就画不出来，IE死掉了。
后来查看openlayers解析gml数据的代码，很容易就可以发现问题。openlayers对于Geometry对象的组织是这样的，其实最基本的就是点，然后MultiPoint由点构成，继承自Openlayers.Geometry.Collection,而LinearRing,LineString均由Point构成,Polygon由OpenLayers.Geometry.LinearRing构成。
openlayers在解析数据时候，将所有的面、线包含的点全部都对象化为Openlayers.Geometry.Point，并首先将所有的对象读取到内存，得到一个Feature的集合，然后将这个集合提交给渲染器进行渲染。本来这个思想就行不通，加入我们通过WFS收到的文件有10M或者更大，要是把这些全部解析出来然后放到内存，那还不跑死啊，这个就像一个100M的文本文件要解析出来一样，要是等全部解析完了再处理数据那是不行的，万一数据再大呢，比如2G的数据，你还能这样全部读到内存么？？
而其实将所有的点都对象化才是它效率低下的根本原因，本人做过测试，将16145个Openlayers.Geometry.Point在现有机器配置下实例化耗时6S（除了一个QQ外，机器不运行任何其他程

最低0.47元/天 解锁文章
GISEarth
关注
专栏目录
OpenLayers开发：调用矢量图层
u013925989的博客
07-14 3730
openlayers简单教程，感谢丁少
GML解析与应用C#
12-09
GML解析与应用、GML可视化、GML空间分析。类库调用NTS
openlayers解析GML缺陷
07-03 1620
 不可否认openlayers的确是个好东西，尤其是他的事件封装机制更是让人爱不释手，感谢致力于openlayers开发的脚本爱好者们。但是作为一个开源的脚本框架，它也存在不少缺陷，GML解析的低效率就是一个严重的问题。对于一个像美国states的gml文件，大小约为300K左右，有95个面对象，所有面对象一共包含11000个左右的点，这么一个gml文件，不算从WFS请求过来的时间，就是放在本地就
OpenLayers 图标加载性能优化：使用 Style 样式缓存
最新发布
无可言喻的博客
08-26 727
在使用 OpenLayers 渲染大量矢量图标时，频繁创建 Style 对象可能导致性能问题和图标闪烁。为优化性能，使用样式池复用 Style 对象，以减少内存消耗。
openlayers加载gml
ZHANGHUI3239619的专栏
12-07 1116
map.addLayer(new OpenLayers.Layer.GML(”GML”, “gml/polygon.xml”)); —————————————————– OpenLayers.Class.create();//该函数用于讲类初始化，相当于类的构造函数，它调用了类的initial()方法 OpenLayers.Layer.GML.initial();//类初始化 // OpenL
OpenLayers项目分析（五） 数据解析以GML为例
diyuan365760的专栏
04-28 180
转自：http://www.openlayers.cn/portal.php?mod=view&aid=11 前面也提到过，OpenLayers设计是符合标准的，有良好的框架结构和实现机制，非常值得学习。OpenLayers支持的格式比较多，有XML、GML、GeoJSON、GeoRSS、JSON、KML、WFS等。这回主要以GML为例来看OpenLayers 数据的解析过程。...
openlayers加载gml（转载）
weixin_30734435的博客
09-14 124
map.addLayer(new OpenLayers.Layer.GML(”GML”, “gml/polygon.xml”)); —————————————————– OpenLayers.Class.create();//该函数用于讲类初始化，相当于类的构造函数，它调用了类的initial()方法 OpenLayers.Layer.GML.initial();//类初始化 // Ope...
WebGIS之OpenLayers全面解析源码.rar
07-10
除了这些，还可以使用GeoJSON、KML、GML等矢量数据格式，甚至可以直接加载本地图像文件作为图层。 **3. 交互功能** OpenLayers提供了丰富的用户交互功能，包括点击、拖动、测量、定位、信息窗口等。例如，通过监听...
openlayers中文api.zip
07-29
这个"openlayers中文api.zip"文件包含了OpenLayers中文版的API文档，为开发者提供了详细且易懂的指南，帮助他们更好地理解和使用这个库。接下来，我们将深入探讨OpenLayers的主要组件和功能。 1. **Control**...
ol+天地图+geoserver_openlayers解析吉奥天地图wfs服务
weixin_42488050的博客
01-13 479
//使用FEATUREID查询new OpenLayers.Request.GET({url :"http://search.tianditu.com/wfs?request=GetFeature",params: {typeName: "DOMAIN_POI_NEW",FEATUREID: "DOMAIN_POI_NEW.6649356"},callback : handler});//使用BB...
Gml解析并显示（Android）
07-13
Android下对Gml文件进行解析，并使用SVG进行地图显示，同时实现地图放大缩小、平移、查询等基础功能。
JAVA 节点路径搜索 GML文件格式解析
07-22
搜索拓扑图中节点间的所有路径 JAVA代码实现 详细的注释 支持GML图形文件的解析 适用于有向图和无向图、加权图和无权图的路径寻找
以GeoJSON到GML-3.2.1：节点模块转换以GeoJSON几何形状以GML 3.2.1
02-06
以GeoJSON到GML -3- 一个包到GeoJSON的几何形状转换为GML 3.2.1。 地理标记语言（GML）是一个标准的OGC。 更多信息可以在下面找到 最新的架构可在 。 政策，程序，条款和OGC（R）的条件，请 。 OGC和开放地理信息系统是开放地理空间联盟的注册商标。 安装 npm install geojson-to-gml-3 利用 // convert any geometry import turf from '@turf/helpers'; import {geomToGml} from 'geojson-to-gml-3'; geomToGml(turf.
GML相关软件
angeltimes的专栏
03-05 1418
GML显示Galdos 公司产品 FreeStyler,是一个基于网络绘制与显示GML数据的开放标准的解决方案 GML解析Galdos公司产品GML Schema Parser 2.0,可以解析任何符合GML3.0规范的文档,并能够自由的编辑,新建GML文件档
openlayers资料(五)
weixin_30325071的博客
07-29 118
OpenLayers项目分析——（五） 数据解析——以GML为例 （五）OpenLayers 数据解析—以GML为例 　　前面也提到过，OpenLayers设计是符合标准的，有良好的框架结构和实现机制，非常值得学习。OpenLayers支持的格式比较多，有XML、GML、GeoJSON、GeoRSS、JSON、KML、WFS等。这回主要以GML为例来看OpenLayers 数据的解析过程...
OpenLayers项目分析[转]（五）：数据解析——以GML为例
地理信息，无处不在
05-08 3220
（五）OpenLayers 数据解析—以GML为例为了让更多的人看到这篇好文章，我把它转载到这里，这篇文章转载自http://www.3snews.net/html/24/10624-17490.html，原文作者如觉得不妥，可联系我删除之。　　前面也提到过，OpenLayers设计是符合标准的，有良好的框架结构和实现机制，非常值得学习。OpenLayers支持的格式比较多，有XML、
Android之解析GML并显示
Ricardo的博客
04-23 7157
本例主要实现在APP中解析GML数据并显示GML,地理标记语言（外语全称：Geography MarkupLanguage、外语缩写：GML），它由开放式地理信息系统协会（外语缩写：OGC）于1999年提出，并得到了许多公司的大力支持，如Oracle、Galdos、MapInfo、CubeWerx等。GML能够表示地理空间对象的空间数据和非空间属性数据 实现思路GML文档解析GML文档的本质还是Xm
vue3使用openlayers打开dwg文件
01-09
对于Vue 3使用OpenLayers打开DWG文件，可以参考以下步骤： 1. 首先，确保你已经安装了Vue 3和OpenLayers的依赖包。你可以使用npm或yarn来安装它们。 2. 在Vue项目的入口文件（通常是main.js）中，引入OpenLayers的相关模块。 ```javascript import 'ol/ol.css'; import { Map, View } from 'ol'; import TileLayer from 'ol/layer/Tile'; import XYZ from 'ol/source/XYZ'; import DWG from 'ol/format/DWG'; ``` 3. 在Vue组件中，创建一个地图容器，并在mounted钩子函数中初始化地图。 ```javascript <template> <div id="map"></div> </template> <script> export default { mounted() { const map = new Map({ target: 'map', layers: [ new TileLayer({ source: new XYZ({ url: 'https://{a-c}.tile.openstreetmap.org/{z}/{x}/{y}.png', }), }), ], view: new View({ center: [0, 0], zoom: 2, }), }); // 加载DWG文件 const dwgUrl = 'path/to/your/dwg/file.dwg'; const dwgFormat = new DWG(); fetch(dwgUrl) .then((response) => response.arrayBuffer()) .then((data) => { const features = dwgFormat.readFeatures(data); // 在地图上添加DWG图层 const dwgLayer = new VectorLayer({ source: new VectorSource({ features: features, }), }); map.addLayer(dwgLayer); }); }, }; </script> <style> #map { width: 100%; height: 400px; } </style> ``` 在上述代码中，我们首先创建了一个地图容器，然后在mounted钩子函数中初始化了地图。在初始化地图时，我们添加了一个OpenStreetMap的瓦片图层作为底图，并设置了初始的中心点和缩放级别。 接下来，我们使用fetch函数加载DWG文件，并使用DWG格式解析器将DWG数据转换为OpenLayers的要素（features）。最后，我们创建一个矢量图层，并将DWG要素添加到该图层中，然后将该图层添加到地图中。 请注意，上述代码中的`dwgUrl`需要替换为你实际的DWG文件路径。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值