Three.js之GeoJson 3D地图数据可视化飞行线实战

4,003 阅读2分钟

Three.js之GeoJson 3D地图数据可视化飞行线实战

GeoJSON是一种对各种地理数据结构进行编码的格式,基于Javascript对象表示法的地理空间信息数据交换格式。GeoJSON对象可以表示几何、特征或者特征集合。GeoJSON支持下面几何类型:点、线、面、多点、多线、多面和几何集合。GeoJSON里的特征包含一个几何对象和其他属性,特征集合表示一系列特征。

image.png 下面是一个geojson的格式。其中主要的信息是经纬度的集合。我们需要把经纬度转换成平面坐标,然后绘制出来就可以了。

GeoJSON 是一种基于 JavaScript 对象表示法的地理空间信息数据交换格式。它可以用来表示各种地理数据结构,包括点、线、面、多点、多线、多面和几何集合等。同时,GeoJSON 还支持添加属性来描述地理空间信息,例如名称、类型、面积、长度等。

GeoJSON 的格式非常简单,它由一个或多个特征组成,每个特征都包含了一个几何体对象和一组属性。几何体对象可以是点、线、面等,属性可以是任何描述该特征的信息。例如,下面是一个表示一个城市的 GeoJSON 特征的示例:

{
  "type": "Feature",
  "geometry": {
    "type": "Point",
    "coordinates": [125.6, 10.1]
  },
  "properties": {
    "name": "Tokyo",
    "country": "Japan",
    "population": 13929286
  }
}

在上述示例中,我们定义了一个特征,它表示了东京市的位置和一些属性信息。其中,type 属性表示该对象的类型是 Feature,geometry 属性表示该特征的几何体对象是一个点,coordinates 属性表示该点的经纬度坐标,properties 属性则是一些自定义的属性,用于描述该城市的名称、所在国家和人口等信息。

GeoJSON 的格式简单、易于理解和解析,因此被广泛用于地理信息系统(GIS)和 Web 地图应用中,例如 Leaflet、OpenLayers 等。

在这里插入图片描述 下面是一个效果图。 教程在馒头大佬的视频里面:threejs(webgl)之geojson数据转3D地图大数据可视化飞行线实战,大家有兴趣可以去看看。ke.qq.com/course/3939…

在这里插入图片描述

呵呵csdn。迟早你们会把自己玩死的。


文章首发:webgl.blog.csdn.net/article/det…