ImageLayer

@naivemap/mapbox-gl-image-layer在新页面打开可以加载任意投影的图片，该插件使用了 Arrugator在新页面打开和 Proj4js在新页面打开工具对图片重新投影，使其正确叠加到地图。

# yarn
yarn add @naivemap/mapbox-gl-image-layer proj4
# 或 npm
npm i @naivemap/mapbox-gl-image-layer proj4

例如有一张坐标系为 EPSG:4326 的图片要叠加到地图，如下：

import ImageLayer from '@naivemap/mapbox-gl-image-layer'

const layer = new ImageLayer('layer-4326', {
  url: '/images/4326.png',
  projection: 'EPSG:4326',
  coordinates: [
    [105.289838, 32.204171], // top-left
    [110.195632, 32.204171], // top-right
    [110.195632, 28.164713], // bottom-right
    [105.289838, 28.164713], // bottom-left
  ],
})

map.addLayer(layer, 'aeroway-line')

更多参数（如透明度、掩膜）和方法请查看 ImageLayer API在新页面打开

# ImageLayer

ImageLayer