GIS之白话数据源及访问标准5:Vector

GIS之白话数据源及访问标准4:Vector


前言

今天就作为本系列最后一节吧,前面重点学习了Tile数据源,本节介绍下Vector,学习、总结、共勉。

一、Vector是什么?

Vector即矢量数据源,其相对于Image数据源,直接说就是一个是存储的坐标串,一个存储的像素。一般以点、线、面几何类型存储于数据库或图形文件呢中。

二、分类

常见的格式:GeoJson,KML,GML等,下面简单举例格式:

1.GeoJSON

就是用JSON格式来描述的,下面是一个简单的GeoJSON格式文件示例:

{"type": "Feature","geometry": {"type": "Point","coordinates": [116.397428, 39.90923] },"properties": {"name": "天安门广场" }}

2.KML

就是用XML方式描述:

<kml xmlns="http://www.opengis.net/kml/2.2">
    <Document>
       <name>Document.kml</name> <open>1</open>
       <Style id="exampleStyleDocument">
           <LabelStyle>
           <color>ff0000cc</color>
           </LabelStyle>
         </Style>

       <Placemark>
           <name>Document Feature 1</name>
           <styleUrl>#exampleStyleDocument</styleUrl>
           <Point>
              <coordinates>-122.371,37.816,0</coordinates>
           </Point>
       </Placemark>

       <Placemark>
           <name>Document Feature 2</name>
           <styleUrl>#exampleStyleDocument</styleUrl>
           <Point>
              <coordinates>-122.370,37.817,0</coordinates>
           </Point>
       </Placemark>
  </Document>
</kml> 

3.GML

1 <gml:featureMember xmlns:gml="http://www.opengis.net/gml" xmlns:tiger="http://www.census.gov">
 2 <tiger:poi gml:id="poi.1">
 3 <tiger:the_geom>
 4 <gml:Point srsName="urn:ogc:def:crs:EPSG::4326" srsDimension="2">
 5 <gml:pos>40.689167 -74.044444</gml:pos>
 6 </gml:Point>
 7 </tiger:the_geom>
 8 <tiger:NAME>Statue of Liberty</tiger:NAME>
 9 </tiger:poi>
10 </gml:featureMember>

三、使用

const vectorLayer = new VectorLayer({
  background: '#1a2b39',
  source: new VectorSource({
    url: 'https://openlayers.org/data/vector/ecoregions.json',
    format: new GeoJSON(),
  }),
  style: {
    'fill-color': ['string', ['get', 'COLOR'], '#eee'],
  },
});

在这里插入图片描述

总结

要干活了,就写到这吧,本章比较简单。最后啰嗦下,矢量数据源主要用于交互性、动态数据展示的数据,但注意数据量不能太大。

  • 6
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

it肥马

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值