Skip to content

一、加载卫星影像图

1. 什么是影像地图

影像地图是指一种带有地面遥感影像的地图,是利用航空像片或卫星遥感影像,通过几何纠正、投影变换和比例尺归化,运用一定的地图符号、注记,直接反映制图对象地理特征及空间分布的地图。

影像地图的特点在于以地表影像直接显示自然地理要素和某些易于识别的地物,如地势、地貌、水系、森林、耕地、居民点、道路网等;影像无法显示或不易识别的地物,则用符号或注记表示,如等高线、高程点、特征地物、地名以及各种属性注记等。影像地图具有形象、直观、富有立体感、易读以及地物平面精度较高、相对关系明确、细部反映真实、成图周期短等优点。

2. 什么是影像金字塔

影像金字塔由原始影像按一定规则生成的由细到粗不同分辨率的影像集。金字塔的底部是图像的高分辨率表示,也就是原始图像,而顶部是低分辨率的近似。最底层的分辨率最高,并且数据量最大,随着层数的增加,其分辨率逐渐降低,数据量也按比例减少。

3. 什么是瓦片地图

瓦片:指将一定范围内的地图按照一定的尺寸和格式,按缩放级别或者比例尺,切成若干行和列的正方形栅格图片,对切片后的正方形栅格图片被形象的称为瓦片(Tile)。

瓦片地图:由一张一张的正方形小图片拼接成的地图。

4. 百度各版本API支持情况

**百度api2.0:**百度官网文档已经关闭了入口。

image-20210923225731820

百度api3.0:

  • 链接地址:https://lbsyun.baidu.com/index.php?title=jspopular3.0

    image-20210923225930137

  • 参数【BMAP_SATELLITE_MAP】

    image-20210923230915761

  • 参数【BMAP_NORMAL_MAP】

    image-20210923231015960

  • 参数【BMAP_HYBRID_MAP】

    image-20210923231100774

  • 参数【BMAP_PERSPECTIVE_MAP】打印百度挂载的window对象发现,还有显示三位地图这个参数。尝试设置该参数,结果报了一片错,可能在3.0的版本,百度已经再准备GL版本的开发。

    image-20210923231428795

百度apiGL:

  • 链接地址:https://mapopen-pub-jsapi.bj.bcebos.com/jsapi/reference/jsapi_webgl_1_0.html

    image-20210923231801554

  • 参数【BMAP_NORMAL_MAP】

    image-20210923233625780

  • 参数【BMAP_EARTH_MAP】该参数会导致地图api3.0加载完成回调函数失效,什么意思,简单的说就是这个加载完成不走地图的加载完成回调函数

    image-20210923233853851

  • 参数【BMAP_HYBRID_MAP】打印window挂载的百度对象发现还有3.0支持的三个参数

    image-20210923234843857

    image-20210923234647597

  • 参数【BMAPGL_NORMAL_MAP】跟【BMAP_NORMAL_MAP】效果一致

  • 参数【BMAP_SATELLITE_MAP】跟【BMAP_EARTH_MAP】一样不走3.0的加载函数回调。

    image-20210923235124183

5. 实现姿势

**方式一:**参数配置

百度3.0api:

  • 构造函数

    image-20211002213618218

    image-20211002213650239

    image-20211002213934757

    地图实例返回的其实不止这三个常量。

  • 方法设置

    image-20211002214146970

百度GL:

  • 构造函数

    image-20211002214256337

    image-20211002214326442

    image-20211002214408801

  • 方法设置

    image-20211002214630494

**方式二:**在线服务

  • 依旧和vue整合

    image-20211002220859967

**方式三:**本地资源

  • 本地资源的方式,只适合5-9级,全部19级完全靠本地加载,完全不现实。19级单纯的中国地图的卫星图就有大概21亿左右。

  • 实现相对上面两种复杂一些:

    • 需要将百度的卫星地图下载下来。

    • 使用方式二的方式加载地图

      image-20211002223248345

6. 效果展现

image-20211002214720158

Released under the MIT License.