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