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}
    })
  }
}
相关推荐
暴力袋鼠哥2 小时前
基于 Spring Boot 3 + Vue 3 的农产品在线销售平台设计与实现
vue.js·spring boot·后端
paterWang6 小时前
基于SpringBoot+Vue的鞋类商品购物商城系统的设计与实现
vue.js·spring boot·后端
赵_叶紫7 小时前
Vue 3 从基础到组合式 API 全解析
vue.js
hypnos_xy8 小时前
Vue3 工程构建
vue.js·前端框架
毕设源码-钟学长9 小时前
【开题答辩全过程】以 基于Vue的租房App为例,包含答辩的问题和答案
前端·javascript·vue.js
wuhen_n12 小时前
副作用的概念与effect基础:Vue3响应式系统的核心
前端·javascript·vue.js
张3蜂12 小时前
Vue.js-知识体系
前端·javascript·vue.js
wuhen_n12 小时前
effect函数的完整实现与追踪:深入Vue3响应式核心
前端·javascript·vue.js
滕青山13 小时前
HTML编码/解码 核心JS实现
前端·javascript·vue.js