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}
    })
  }
}
相关推荐
change_fate1 天前
el-menu折叠后文字下移
前端·javascript·vue.js
天外天-亮1 天前
Vue + excel下载 + 水印
前端·vue.js·excel
0***K8921 天前
Vue数据挖掘开发
前端·javascript·vue.js
t***26591 天前
SpringBoot + vue 管理系统
vue.js·spring boot·后端
蓝胖子的多啦A梦1 天前
ElementUI表格错位修复技巧
前端·css·vue.js·el-table表格错位
H***99761 天前
Vue深度学习实战
前端·javascript·vue.js
code_Bo1 天前
Ant Design Vue 日期选择器英文不变更中文问题
前端·vue.js·ant design
U***e631 天前
Vue自然语言
前端·javascript·vue.js
c***97981 天前
Vue性能优化实战
前端·javascript·vue.js
best6661 天前
Vue3什么时候不会触发onMounted生命周期钩子?
前端·vue.js