# 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)
})