相信大家在平时生活中已经接触过地图数据展示,特别最近几年防疫策略,我们可以通过疫情地图,清晰的了解全国疫情情况。本次课程主要带大家了解一下前端是如何利用地图组件制作数据展示,其中重点讲解一下地图数据格式如何生成配置的。
1.地图组件调研
首先先介绍一下市面有哪些开源地理空间数据可视分析开发框架:
- 百度地图
- 高德地图
- mapbox
- ECharts
- L7
2.L7开发运用快速上手
下面带大家快速完成地图可视化的绘制
3.geo数据
GeoJSON 是一种对各种地理数据结构进行编码的格式。GeoJSON对象可以表示几何、特征或者特征集合。GeoJSON支持下面几何类型:点、线、面、多点、多线、多面和几何集合。GeoJSON里的特征包含一个几何对象和其他属性,特征集合表示一系列特征。
目前最新的 GeoJSON 格式支持以下类别的地理信息(Feature)描述:
- 点:
Point - 点组(多个点):
MultiPoint - 线:
LineString - 线组(多条线):
MultiLineString - 多边形:
Polygon - 多边形组(多个多边形):
MultiPolygon
以及:
- 包含一组上述
Feature的集合:FeatureCollection
{
"type": "FeatureCollection",
"features": [
{
"type": "Feature",
"properties": {},
"geometry": {
"type": "Polygon",
"coordinates": [
[
[
110.478515625,
32.76880048488168
],
[
117.68554687499999,
32.76880048488168
],
[
117.68554687499999,
37.64903402157866
],
]
]
}
}
]
}
注意,以上格式,分为三部分:
type:类别,支持的值只有:Feature和FeatureCollection。properties:属性,用来记录业务属性,如id,name等。geometry:几何信息。用来表示图形信息,是点还是线还是多边形,它们的经纬度是多少。
而 FeatureCollection 则可以表达多个 Feature 的集合:
4.制作自定义geo数据
如果想生成自定义的地图数据,我们需要通过下面的工具,将所需要地图数据进行重组,从而为我们所用。举个栗子:我们要取一份江苏省的地图数据,然后将滁州的地图合并进来,生成一个新的江苏省地图。
4.1 获取地图数据
首先先要找到我们需要的地图数据,如图下所示:
4.2 合并地图
-dissolve2 这个合并指令