类名 ArcGISMapImageLayer

# new ArcGISMapImageLayer(url, options)

ArcGIS地图服务接入类

参数:

名称 类型 默认值 描述
url String

服务基地址
IGS发布的ArcGIS服务: http://{ip}:{port}/igs/rest/services/{folder}/{serviceName}/arcgis/MapServer
ArcGIS: https://{ip}:{port}/arcgis/rest/services/{serviceName}/MapServer

options Object

额外构造参数

opacity Number 1

图层透明度

visible Boolean true

图层显示或隐藏

layers String null

要显示的子图层

id String null

图层id

imageWidth Number 256

瓦片宽度,仅当renderMode为'tile'时生效

imageHeight Number 256

瓦片高度,仅当renderMode为'tile'时生效

imageFormat String 'image/jpeg'

瓦片格式

imageTransparent Boolean true

图层背景是否可以透明

bounds L.latLngBounds null

地图显示范围

tokenKey String 'token'

token名

tokenValue String null

token值

tokenAttachType Boolean false

当请求类型为POST时,是否将token设置在请求体中

httpMethod FetchMethod FetchMethod.get

数据请求方式

mapServer MapServer null

服务库对象

spatialReference SpatialReference null

图层坐标系

clippingArea Object null

图层裁剪对象

renderMode String 'tile'

影像的展现形式。可选'tile' 、 'image'。默认为'tile',加载影像时以瓦片的方式平铺。当选项为'image'时,加载影像会请求一张覆盖当前屏幕的图像。

headers Object null

请求头参数

示例

混合开发模式

// 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)
})
构造函数
成员变量
方法
事件