前端地图开发介绍
2023-04-25 14:29:06 0 举报AI智能生成
前端地图开发的一些介绍
作者其他创作
大纲/内容
新思路
云渲染（流媒体）
51World
效果演示
WebAssembly
WebGPU
前端GIS工具包
mapshaper
geojson-vt
supercluster
turf.js
数据库
ElasticSearch
Spatialite
postgresql
Tile38
Mysql spatial extension
MongoDB
GIS平台
ArcGIS Server
GeoServer
GeoGlobe Server
SuperMap IServer
MapServer
地图基本概念
瓦片金字塔模型
瓦片的概念
瓦片行列号计算
瓦片地图原理
比例尺、分辨率
坐标系、投影方式
WGS84
地心坐标系，GPS原始坐标体系
地理坐标系
球面坐标
投影坐标系
经纬度投影（单位：经纬度）
EPSG:4326
Web墨卡托投影（单位：米）
EPSG:3857(EPSG:900913)
CGCS2000
国家大地坐标系
地理坐标系
球面坐标
投影坐标系
经纬度投影（单位：经纬度）
EPSG:4490
高斯投影（单位：米）
EPSG:4479
GCJ02
国测局坐标，火星坐标系
BD09
搜狗坐标系
...
地图服务体系
OGC联盟
概念
地图服务
WMS
WFS
WMTS
WCS
CSW
WPS
OSGeo和OSGeo中国中心
概念
地图服务
WMS-C
TMS
前端可视化框架
Charts
ECharts
D3.js
LBS
高德
百度
腾讯
谷歌
...
WebGIS商业
超图
ArcGIS
前端开源地图框架
主流框架
Leaflet
基本信息
Canvas渲染机制；仅支持二维表达；墨卡托投影；
优缺点
优点
入手简单；轻便
缺点
不支持Webgl渲染性能有瓶颈适用于轻量级简单地理信息主题可视化
OpenLayers
介绍
稳定可靠的集成式地图开发脚本，兼容老旧版本的IE浏览器，适合传统webGIS开发
基本信息
WebGL渲染机制、二三维一体化可视化表达；经纬度坐标系、支持球体；
优缺点
优点
二维GIS功能最丰富全面
缺点
地图样式简单，难以定制高颜值的可视化效果适用于传统地理信息强GIS的二维数据Web维护和展示
Mapbox-Gl
介绍
高清经纬度矢量瓦片，个性化前端表达，前端矢量绘制，支持海量地名地址
基本信息
WebGL渲染机制、二三维一体化；三维方面存在一定争议，有人认为3D有的认为是2.5D；墨卡托坐标系，不支持球体
优缺点
优点
具有美感的专题地图，拓展性强，功能丰富
缺点
没有球，最新2.0必须联网验证token，适用于互联网场景复杂地理信息表达，内网追求地图可视化效果的也不适用，Mapbox很多优化都是基于互联网场景的。
Cesium
介绍
Cesium是目前主流的一款三维地图框架，支持桌面端、web端、移动端等多平台
基本信息
WebGL渲染机制、二三维一体化可视化表达；经纬度坐标系、支持球体；
优缺点
优点
唯一开源的WebGIS三维引擎；适用于Web强三维应用场景
缺点
卡，体验差，地图丑，原因应该是为了支持球，所有的平面瓦片都要进行纹理转换贴球，计算量偏大，最新的矢量切片也是变成图片再纹理转换到球上，栅格化严重一点都不精美，可以说为了球，牺牲了太多性能和地图美观度，适用于Web强三维应用场景。上手难度较大。
能力
地图可视化能力、支持各种数据的加载显示、提供前端地图交互功能
补充
前端的数据存储、数据增删查改、空间分析功能有限，更多的依赖后端去实现
流程原理
分支主题
可视化前端框架(辅助)
mapv
threeJS（threebox）
三维模型加载
.gltf
.fbx
.obj
.3ds
.stl
echarts-gl
deck-gl
layer-gl
GIS空间分析
空间查询与量算
缓冲区分析
叠加分析
路径分析
空间插值
统计分类分析
数据类型
栅格数据
卫星影像
数字高程模型
图形文件
矢量数据
Shapefiles
GeoJSON
Point/MultiPoint
LineString/MultiLineString
Polygon/MultiPolygon
FeatureCollection
GeometryCollection
TopoJSON
TileJSON
WKT&WKB
GML
KML
PBF
0 条评论
下一页
