影像加载

自定义影像

推荐使用付费地图提供商提供的影像服务，或自己制作的影像

例：

const maptile = await createMaptile({
    url:'/custom/{z}/{x}/{y}.png', // x,y,z顺序根据你的影像确认
    hasAlphaChannel:false, //是否透明影像
    zIndex:0, //层级
    srcCoordType:'WGS84'，//影像坐标系
    minimumLevel:0, //请求显示的最小级别
    maximumLevel:15 //请求显示的最大级别
})

提示

为了加快影像加载速度推荐使用多个子域，克服浏览器并发限制

子域名列表需要创建影像时配置 subdomains 选项，并在url中填入对应的模板字符

url 模板字符内置替换列表

占位符	描述
z	切片方案中图块的级别。零级是四叉树金字塔的根。
x	切片方案中的图块 X 坐标，其中 0 是最西边的图块。
y	切片方案中的切片 Y 坐标，其中 0 是最北端的切片。
s	可用的子域之一，用于克服浏览器对每个主机同时请求数的限制。
reverseX	切片方案中的图块 X 坐标，其中 0 是最东边的图块。
reverseY	切片方案中的切片 Y 坐标，其中 0 是最南端的切片。
reverseZ	平铺方案中图块的级别，其中级别 0 是四叉树金字塔的最大级别。为了使用 reverseZ，必须定义 maximumLevel。
westDegrees	图块的西边缘（以大地测量度表示）。
southDegrees	图块的南边缘（以大地测量度为单位）。
eastDegrees	图块的东边缘（以大地测量度为单位）。
northDegrees	图块的北边缘（以大地测量度为单位）。
westProjected	切片方案投影坐标中瓦片的西边。
southProjected	切片方案投影坐标中切片的南边。
eastProjected	切片方案投影坐标中切片的东边。
northProjected	切片方案投影坐标中切片的北边缘。
width	每个图块的宽度（以像素为单位）。
height	每个图块的高度（以像素为单位）。

SDK内置影像

SDK 内置了几种常见的地图提供商的影像地址 不保证随时可用

//SDK 导出的枚举对象
//高德 对应target: amap
enum Amap {
  /** 卫星地图 */
  img = '',
  /** 电子地图+标记 */
  elec = '',
  /** 电子地图 */
  vec = '',
  /** 电子地图+标记 */
  vec_cva = '',
  /** 路网 */
  cia = '',
  /** 路网 + 标记 */
  cia_cva = ''
}

//腾讯 对应target: tencent
 enum Tencent {
  /** 卫星地图 */
  img = '',
  /** 路网 + 标记 */
  img_cva = '',
  /** 电子地图+标记 */
  vec_cva = '',
  /** 电子地图+标记 + 黑夜*/
  vec_dark = '',
  /** 路网 + 标记 */
  cia_cva = '',
  /** 路网 + 标记 + 河流*/
  cia_cva_water = ''
}

//百度 对应target: baidu
enum Baidu {
  /** 电子地图 + 标记 */
  vec_cva = '',
  /** 路网 + 标记 */
  cia_cva = '',
  /** 路网 + 标记 + 道路拥堵情况*/
  traffic = ''
}

//天地图 对应target: tianditu
enum TiandiTu {
  /** 卫星地图 */
  img = '',
  /** 电子地图 */
  vec = '',
  /** 路网 + 标记 */
  cia_cva = '',
  /** 路网 */
  cia = ''
}

例：

const maptile = await createMaptile({url: {target: 'tianditu', url: Tianditu.img, key:'申请的key'} })

性能

• hasAlphaChannel 如果影像不具有透明度，建议设为 false
• minimumLevel maximumLevel 建议设置准确的值
• show 设置为 false 时不渲染

功能

亮度、透明度、ArcGIS、WMTS 等功能 配置