MapGIS Client for JavaScript API

# new MapGISMapServerImageryProvider(options)

参数:

请参考以下示例：

支持如下方法：

示例

添加一个MapGIS地图图片图层：原生接口开发

// ES5引入方式
const { MapGISMapServerImageryProvider } = zondy
// ES6引入方式
import { MapGISMapServerImageryProvider } from "@mapgis/webclient-cesium-plugin"

// 定义IGS地图图片图层服务的基地址
const url = 'http://webclient.smaryun.com:8089/igs/rest/services/Map/湖北省4326/MapServer'

// 添加IGS地图图片图层
async function addIGSMapImageLayer(url) {
  const provider = await MapGISMapServerImageryProvider.fromUrl(url)
  viewer.imageryLayers.addImageryProvider(provider)
}
// 添加IGS地图图片图层
addIGSMapImageLayer(url)

添加一个MapGIS地图图片图层：混合接口开发

// ES5引入方式
const { MapGISMapServerImageryProvider } = zondy
const { IGSMapImageLayer } = zondy.layer
const { initializeOptions } = zondy.cesium.util
// ES6引入方式
import { MapGISMapServerImageryProvider, initializeOptions } from "@mapgis/webclient-cesium-plugin"
import { IGSMapImageLayer } from "@mapgis/webclient-common"

// 定义IGS地图图片图层服务的基地址
const url = 'http://webclient.smaryun.com:8089/igs/rest/services/Map/湖北省4326/MapServer'

// 创建地图图片图层对象
igsMapImageLayer = new IGSMapImageLayer({
  url: url
})

// 获取地图图片图层服务的元信息
igsMapImageLayer.load().then((layer) => {
  // 获取provider的初始化参数
  const options = initializeOptions(layer, viewer)
  // 构造provider对象
  provider = new MapGISMapServerImageryProvider(options)
  // 添加图层到Cesium视图中
  cesiumLayer = viewer.imageryLayers.addImageryProvider(provider)
})

extensions参数的配置方法

// ES5引入方式
const { MapGISMapServerImageryProvider } = zondy
// ES6引入方式
import { MapGISMapServerImageryProvider } from "@mapgis/webclient-cesium-pulgin-mini"

// extensions参数为自定义扩展参数，需要确保服务端支持此类参数
const imageryProvider = new MapGISMapServerImageryProvider({
  url,
  tilingScheme,
  extensions: [
    { key: 'token', value: 'example_token' },
    { key: 'filters', value: '1:ID>4,3:ID>1' },
    { key: 'proj', value: 'Web墨卡托_WGS1984' }
  ]
})

<caption id='example4'><h7>headers参数的配置方法</h7></caption>
const options = {
  headers: {
    'Content-Type': 'text/plain',
    'Accept-Language': 'zh-cn,zh;q=0.5'
  }
}