• 浅谈WebGIS开放数据(矢量数据)


    今天上午本来打算学习ol3的专题地图制作,查阅很多资料发现ol3并不支持专题制图制作,反观ol2却支持,专题地图用处很大,不知道为啥,ol3不支持了,看了一上午开放性数据,在这里聊聊我的看法。

    一、主流开放数据格式

    • KML是一中文件格式
    • GML是一种地理标记语言
    • GPX是一种XML格式
    • GeoJSON是一种地理对地理结构进行编码的格式

    以上四种是主流的开放格式ol3也都支持加载和解析

    二、客户端绘制和服务器端绘制

    在这里了解两个名词客户端绘制和服务器端绘制:

    1、客户端绘制:是将服务端返回的数据进行在渲染制图,这种方式适合少量数据大量数据就会造成瘫痪,ol3中也提供几种改进方式例如BBOX策略,只获取视图范围的数据,视图范围改变进行再次请求服务器,但是这种方式造成请求次数过多,ol3又改进BBOX策略请求,形成Filter策略,这种方式缩小请求范围,避免了下载所有数据,又保证Filter的高效,客户端绘制的优势是一旦从服务器获得矢量数据,Web地图用户就能可以数据交互。

    2、服务端绘制:是将地图绘制好返回图片给服务器端,缺点交互性差

    三、KML

    KML是由要素和栅格数据组成,这些元素包括点、线、面、影响、图形、图片、属性等比较多,这和arcgis截然相反,arcgis中数据集是独立单一要素(点要素只能包括点,先要素只能是线)格式示例:

            <Placemark>
              <styleUrl>#style-Parking</styleUrl>
              <Point>
                <coordinates>7.5584046,46.4880564,0</coordinates>
              </Point>
            </Placemark>

    KML中最重要的XML标签是Placemark,他定义地理要素、符号、HTML描述标签等,例如上面地标就是Point。

    ol3使用示例:

                    //实例化矢量数据源,用KML格式的类解析
                    var vectorSource = new ol.source.Vector({
                        url: dataUrl,
                        format: new ol.format.KML()
                    });

    四、GML

    GML能够表示地理空间对象和非空间数据运用GML,封装的地理数据和图形解释是清楚分离的数据格式如下:

    -<gml:featureMember>
    
    <FID>2</FID>
    
    <ID>3</ID>
    
    <长度>0.00666304818749164</长度>
    
    <道路名称>东亭路</道路名称>
    
    <道路等级/>
    
    
    -<Lin>
    
    
    -<gml:multiLineString>
    
    
    -<gml:lineStringMember>
    
    
    -<gml:LineString>
    
    <gml:coordinates>114.354756647044,30.5692995197076 114.355329432955,30.5699232772349 114.357219473538,30.571925709305 114.359205347945,30.5741088619185 114.359238150552,30.5742208752377</gml:coordinates>
    
    </gml:LineString>
    
    </gml:lineStringMember>
    
    </gml:multiLineString>
    
    </Lin>
    
    </gml:featureMember>

    如上描述、地理要素一目了然。

    五、GPX

    是一种为应用软件设计的通用的GPS格式,它可以同来描述点、轨迹、路程。这个格式是免费的,它保存的位置、海拔和时间在不同的GPS设备和软件之间进行交换。数据格式如下:

    <wpt lat="42.454873" lon="-71.125094">
     <ele>96.926400</ele>
     <time>2001-06-02T03:26:59Z</time>
     <name>5224</name>
     <desc><![CDATA[5224]]></desc>
     <sym>Dot</sym>
     <type><![CDATA[Intersection]]></type>
    </wpt>

    ol3使用示例:

                     //实例化矢量数据源,用GPX格式的类解析
                    var vectorSource = new ol.source.Vector({
                        url: dataUrl,
                        format: new ol.format.GPX()
                    }); 

    六、GeoJSON

    是基于JSON对象表示法的地理空间信息数据交换格式。GeoJSON对象可以表示几何、特征、特征集合。GeoJSON支持的集合类型有:点、线、面、多点、多线、多面和几何集合。GeoJSON里的特征包含一个几何对象和属性,特征集合表示一系列特特征。对于同样的要素,相对于KML这种基于XML结构的格式,GeoJSON要小很多。但是GeoJSON并不像KML那样包含样式信息。需要在客户端定义样式,GeoJSON简单加载速度快。数据格式如下:

    {
      "type": "FeatureCollection",
      "crs": {
        "type": "name",
        "properties": {
          "name": "EPSG:3857"
        }
      },
      "features": [
        {
          "type": "Feature",
          "geometry": {
            "type": "Point",
            "coordinates": [0, 0]
          }
        },
        {
          "type": "Feature",
          "geometry": {
            "type": "LineString",
            "coordinates": [[4e6, -2e6], [8e6, 2e6]]
          }
        },
        {
          "type": "Feature",
          "geometry": {
            "type": "LineString",
            "coordinates": [[4e6, 2e6], [8e6, -2e6]]
          }
        },
        {
          "type": "Feature",
          "geometry": {
            "type": "Polygon",
            "coordinates": [[[-5e6, -1e6], [-4e6, 1e6], [-3e6, -1e6]]]
          }
        }
      ]
    }

    ol3使用示例:

                    var vectorSource = new ol.source.Vector({
                        url: dataUrl,
                        format: new ol.format.GeoJSON()
                    })

    七、总结

    KML和GeoJSON比较常用,关于GML加载的示例没有找到较好的,等后期找到了增加上,通过一上午的研究对开放性数据也算有一个小的了解,现在感觉理论很重要,如果我们只会一些操作,我们始终迷惑的,关于OL3源代码我觉得还是有必要研究一下,了解其构造无论使用还是自定义写一些组件都会有很大的帮助。

  • 相关阅读:
    [LeetCode] Search for a Range
    [C++] extern关键字的作用
    [LeetCode] Sentence Similarity
    [LeetCode] Flood Fill
    [LeetCode] Can Place Flowers
    [LeetCode] Intersection of Two Linked Lists
    [LeetCode] My Calendar II
    [LeetCode] My Calendar I
    [LeetCode] Self Dividing Numbers
    [LeetCode] Range Sum Query
  • 原文地址:https://www.cnblogs.com/tuboshu/p/10752342.html
Copyright © 2020-2023  润新知