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}
    })
  }
}
相关推荐
阿丰资源31 分钟前
Java项目基于SpringBoot+Vue前后端分离在线商城系统(附源码)
java·vue.js·spring boot
江-月*夜40 分钟前
vue3 wordcloud2.js词云使用
开发语言·javascript·vue.js
吴声子夜歌1 小时前
Vue3——Vuex状态管理
前端·vue.js·vue·es6
Ruihong1 小时前
Vue 转 React:揭秘 scoped 样式是如何被 VuReact 编译的?
vue.js·react.js·面试
MiNG MENS1 小时前
Spring Boot + Vue 全栈开发实战指南
vue.js·spring boot·后端
Ruihong1 小时前
Vue 组件样式 <style> 转 React:VuReact 怎么处理?
vue.js·react.js·面试
吴声子夜歌2 小时前
Vue3——Vue CLI
前端·javascript·vue.js
Cobyte2 小时前
7.响应式系统比对:手写一个响应式状态库并应用在 React 上
前端·javascript·vue.js
渔舟小调2 小时前
P18 | Element Plus 通用 CRUD 页面模板:一个模板覆盖 80% 管理页面
javascript·vue.js·elementui
1314lay_10072 小时前
匿名插槽和具名插槽的使用
前端·javascript·vue.js