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}
    })
  }
}
相关推荐
A黄俊辉A5 天前
uniapp webview中实现 app和内嵌的H5双向通信
vue.js·json
supermapsupport5 天前
SuperMap GIS 基础产品 FAQ 集锦(20260918)
gis·supermap·iserver
honkun65 天前
vue 表格组件 vxe-table 配置 ajax 请求自动加载数据与表单查询
vue.js·vxe-table
kybs19915 天前
全球灾害数据分析可视化 毕业设计-附源码66794
vue.js·spring boot·mysql·安全·django·c#·asp.net
雪芽蓝域zzs5 天前
第26章:ECharts 自定义主题 + 页面一键切换主题(深色 / 浅色两套)
vue.js·echars
雪芽蓝域zzs5 天前
第22章:ECharts 图表联动(多图表交互联动)
vue.js·echars
daols885 天前
vue 表格组件 vxe-table 实现虚拟滚动与无需滚动加载
vue.js·vxe-table
雪芽蓝域zzs5 天前
第18章:ECharts 折线图 + 标记点、标记线,自定义 tooltip
vue.js·echars
mikuyyds5 天前
geo-toolbox 水文插件算法解析:从 Muskingum 到 Muskingum-Cunge
算法·rust·gis
雪芽蓝域zzs5 天前
第24章:ECharts 地图组件(基础行政区地图,若依 Vue3)
vue.js·echars