Mapbox添加image图层

成果图

这个图层还是很有用的,一般会应用在插值图等值面、气象雷达卫星云图的各种图的场景,根据坐标范围可以正好的把图片拟合在政区范围里。

源码

javascript 复制代码
export function initImageLayer(layer,val,bound,map){
  if(map.getSource(layer)){
    map.getSource(layer).updateImage({
      url:val,
      coordinates: bound
    })
  }else{
    map.addSource(layer, {
      'type': 'image',
      "url": val,
      "coordinates": bound
    })
    map.addLayer( {
      "id": layer,
      "source": layer,
      "type": "raster",
      "paint": {"raster-opacity": 0.85}
    })
  }
}
相关推荐
GIS阵地13 小时前
ERA5‑Land逐小时降水数据下载+QGIS后台QgsTask批量处理完整指南(水文洪涝仿真,河南省案例)
gis·qgis·数据处理
IT毕设实战小研13 小时前
基于安卓的空气质量查询系统
android·大数据·vue.js·爬虫·python·django·课程设计
avi911119 小时前
【】js不同颜色(Vue 框架)今时今日2026年学编程入门(10月1日)
前端·vue.js·vue·vue框架·前端入门·vue入门·html上传
单线程121381 天前
从案例分析 Vue3 Tokenizer 源码
前端·javascript·vue.js
丁婷婷1 天前
Reflect 在 Vue3 响应式中的作用是什么?
vue.js
xiaominlaopodaren1 天前
three.js最小地图运行时(十):接入离线逻辑瓦片剖面
javascript·gis·three.js
吃西瓜的年年1 天前
vue3原理思维导图
vue.js·笔记·flutter
Z小明1 天前
第 1 章 Vite 项目初始化
前端·vue.js
合橱瑰1 天前
Vue3 与 ElementPlus 前端常见错误修复实践
前端·vue.js
风之舞_yjf1 天前
Vue基础(35)_全局事件总线(GlobalEventBus)
前端·vue.js