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：山体阴影，地形图