# new ArcGISMapImageLayer(url, options)

ArcGIS地图图片图层(Leaflet)

参数

名称	类型	默认值	描述
`url`	String		服务基地址
`options`	Object		额外构造参数
`opacity`	Number	1	图层透明度
`visible`	Boolean	true	图层显示或隐藏
`layers`	String		要显示的子图层
`id`	String		图层id
`imageWidth`	Number	256	瓦片宽度，仅当renderMode为'tile'时生效
`imageHeight`	Number	256	瓦片高度，仅当renderMode为'tile'时生效
`imageFormat`	String	'image/jpeg'	瓦片格式
`imageTransparent`	Boolean	true	图层背景是否可以透明
`bounds`	L.latLngBounds		地图显示范围
`tokenKey`	String		token名
`tokenValue`	String		token值
`tokenAttachType`	Boolean	false	当请求类型为POST时，是否将token设置在请求体中
`httpMethod`	FetchMethod	FetchMethod.get	数据请求方式
`mapServer`	MapServer		服务库对象
`spatialReference`	SpatialReference		图层坐标系
`clippingArea`	Object		图层裁剪对象
`renderMode`	String	'tile'	影像的展现形式。可选'tile' 、 'image'。默认为'tile'，加载影像时以瓦片的方式平铺。当选项为'image'时，加载影像会请求一张覆盖当前屏幕的图像。

示例

混合开发模式

// ES5引入方式
const { ArcGISMapImageLayer } = zondy.Layer
const { initializeCRS, initializeOptions } = zondy.leaflet
// ES6引入方式
import { ArcGISMapImageLayer } from "@mapgis/webclient-common"
import "@mapgis/webclient-leaflet-plugin"
const { initializeCRS, initializeOptions } = zondy.leaflet

// 构造一个ArcGISMapImageLayer图层对象
const layer = new ArcGISMapImageLayer({
  // 服务基地址
  url: "http://{ip}:{port}/arcgis/rest/services/{服务名}/MapServer"
});
// 加载图层元数据
layer.load().then(function () {
  // 构造地图视图的初始化参数
  const crs = initializeCRS(layer)
  const mapViewOptions = {
    // 地图视图参考系
    crs: crs,
    // 初始化中心点
    center: [31.147781205532336,112.21905099757561],
    // 初始化级数
    zoom: 4
  }
  // 构造Leaflet地图视图对象
  const map = L.map('地图视图容器ID', mapViewOptions)
  // 构造图层的初始化参数
  const layerOptions = initializeOptions(layer)
  // 添加图层到地图视图中
  new zondy.leaflet.ArcGISMapImageLayer(layer.url, layerOptions).addTo(map)
})