

首页  思维导图  详情



前端地图开发介绍

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

 Collect

Get Started

LBS地图服务

 Collect

Get Started

管理平台业务介绍模版图、业务架构图

 Collect

Get Started

需求开发流程

 Collect

Get Started

前端





0 条评论

下一页