WebGIS学习-01-GIS基础概念与Mapbox基础

10月前作者：不染-9732 分类：Toy博客阅读(49) 违法举报

这篇具有很好参考价值的文章主要介绍了WebGIS学习-01-GIS基础概念与Mapbox基础。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

1.地图数据来源

1.栅格数据：
-.jpg，.png等图片数据；
-卫星等拍摄的影像；.tiff
2.矢量数据：
-geojson的数据，多用于绘制边界
-放大缩小都不会失真，且高度支持手绘

2.网页是如何渲染地图数据的

对于栅格数据：
-1.网页将栅格数据渲染为img标签
-2.利用canvas进行绘图
对于矢量数据：
-1.渲染为svg标签
-2.渲染为canvas

3.基本框架

leaflet：轻量的GIS框架【 IMG SVG标签渲染地图】
openlayers：支持高度的自定义的修改，【将图像图形渲染为canvas】
mapbox：多端框架【ios，移动，pc】api并不全面，偏向3D，2.5D框架
cesium：纯3D框架

4.leaflet

5.mapbox

1.Layres 图层样式配置

api文档地址：https://docs.mapbox.com/mapbox-gl-js/style-spec/layers/

fill：多边形
line：线性
symbol：图标类
raster：栅格图层
circle：点图层
fill-extrusion：三维立体图层
heatmap：热力图
hillshade：山体阴影，地形图

WebGIS学习-01-GIS基础概念与Mapbox基础文章来源地址https://www.toymoban.com/news/detail-472020.html

到了这里，关于WebGIS学习-01-GIS基础概念与Mapbox基础的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

[TS手册学习] 01_基础、常见类型与概念

TS官方Handbook: TypeScript: Handbook - The TypeScript Handbook (typescriptlang.org) 相关概念运行时错误：JS 的大多数错误都只能在运行的过程中被发现。静态类型系统：TS 可以在运行代码之前发现错误。非异常失败：例如在 JS 中访问一个对象不存在的属性，不会导致异常，而是返回 undef

2024年02月05日
浏览(44)
vue3结合openlayers，geoserver实现GIS一张图(WebGIS)

不知不觉一年又要过去了，接触开发也就是这几个月的事情，感觉时间过的真快，今天就是除夕了，祝各位新年快乐呀，话说回来，其实在接触学习WebGIS的过程中还是蛮迷茫的，自己虽然是地信的学生，对于地理方面还有有一些自己的理解，但平时专业课学习的就是

2024年02月19日
浏览(52)
【Unity入门计划】基本概念(8)-瓦片地图 TileMap 01

目录 1 TileMap概念主要思想优点创建的层级 2 Unity中的TileMap 2.1 自动父级Grid 网格 2.2 Sprite精灵 2.3 Tile 瓦片 2.4 Tile Palette 调色板 2.5 Brush 笔刷 3 Tilemap Renderer 瓦片地图渲染器 3.1 Sort Order 瓦片排列顺序 3.2 Mode 渲染模式 Chunk 分块渲染 Individual 单独渲染 3.3 Detect Chunk Culling

2023年04月08日
浏览(40)
050：cesium加载mapbox卫星地图、mapbox地形地图

第050个点击查看专栏目录本示例的目的是介绍如何在vue+cesium中加载mapbox卫星地图、mapbox地形地图。直接复制下面的 vue+cesium源代码，操作2分钟即可运行实现效果. 示例效果

2023年04月18日
浏览(86)
如何将GIS地图和可视化结合使用实现更好的数据呈现

GIS（地理信息系统）和可视化（visualization）是两个紧密相关的领域。GIS是一种用于管理、分析和展示地理空间数据的技术，而可视化则是一种用图形、图表、动画等形式展示数据的方式。 GIS地图则是指基于地理信息系统技术，将各种地理数据在一个地图上进行展示的地图

2023年04月22日
浏览(54)
[Webgis][地图加载]OpenLayer加载多种形式地图

描述在前书接上回，作为打工人，学习还是要以项目为导向。由于领导想看卫星地图显示，这次我们记录下，如何使用OpenLayer 加载显示常见的几种二维地图，包括普通地图，卫星地图，和卫星路网混合地图。还是以高德地图为例，下面我们直接上代码，从实例入手学习。代

2024年02月01日
浏览(42)
前端常用的地图框架（webGIS）

1. Leaflet Leaflet 是最著名的前端地图可视化库，它开源、体积小、结构清晰、简单易用。 2. Mapbox GL JS Mapbox GL JS 是目前最新潮的前端地图库，它的矢量压缩、动态样式和三维性能令人印象深刻。它本身是开源的，但一般依赖于Mapbox公司提供的底图服务。 3. ArcGIS API for JS ArcGIS

2024年02月04日
浏览(32)
html Antv L7 + mapbox 实现3D地图 3D中国地图不限于中国地图

echarts的3D地图实在太丑了，还一堆bug 使用阿里的Antv可视化库L7，实现3D地图，底图是mapbox 参考示例：https://l7.antv.antgroup.com/zh/examples/polygon/3d#floatMap 如果不需要底图样式，可把Scene的style设置为blank 直接上代码了，vue的就不说了，项目是html的 mapbox依赖 L7依赖 body元素实现

2024年02月14日
浏览(52)
Mapbox加载天地图CGCS2000矢量瓦片地图

1.背景最近在做天地图的项目，要基于MapBox添加CGCS2000矢量切片数据，但是 Mapbox 只支持web 墨卡托（3857）坐标系的数据。Github有专业用户修改了mapbox-gl的相关代码，支持CGCS2000的切片数据加载，并且修改了相关的mapbox-gl的配套代码，详情请见github网址。https://github.com/cgcs2000

2024年02月13日
浏览(42)
WebGIS瓦片地图添加水印（矢量瓦片、栅格瓦片）

水印能为收到版权信息产品归属提供有力的证据, 并能够监视被保护数据的传播, 真伪鉴别以及非法拷贝控制等.在现今流行的线上地图同样需要水印技术, 保护地图数据.本文将介绍如何实现瓦片地图水印添加, 包括栅格瓦片、矢量瓦片. 在探索过程中, 参考了《前端水

2024年02月08日
浏览(45)