Mars3d开发——加载瓦片图层

合抱之木，生于毫末； 九层之台，起于累土； 千里之行，始于足下。

---

一、切片（瓦片）地图的概念

瓦片地图金字塔模型是一种多分辨率层次模型，在统一的空间参照下，根据用户需要以不同分辨率进行存储与显示，形成分辨率由粗到细、数据量由小到大的金字塔结构。所表示的地理范围不变。金字塔的越往底层所表示的地图信息越详细，比例尺越大。

二、加载瓦片图层

在mars3d中加载瓦片image瓦片图层的方法有两种。
方式一：创建地球前在地球参数中配置
方式二：在创建地球后调用addLayer添加图层

1.地球参数中配置

代码如下：

import * as mars3d from "mars3d" //引入mars3d类库

function initMap() {
  // 创建三维地球场景
  const map = new mars3d.Map("mars3dContainer", {
    scene: {
    center: { lat: 31.839403, lng: 117.257352, alt: 2540,         heading: 0, pitch: -90 }
           },
  layers: [
    // 方式1：在创建地球前的参数中配置
    {
      name: "中科大-东区",
      type: "image",
      url: "//data.mars3d.cn/file/img/zkd-dq.png",
      rectangle: { xmin: 117.259691, xmax: 117.267778, ymin: 31.834432, ymax: 31.84387 },
      show: true
    }
  ]

}

2.调用addLayer添加图层

代码如下：

  // 方式2：在创建地球后调用addLayer添加图层(直接new对应type类型的图层类)
  const tileLayer = new mars3d.layer.ImageLayer({
    name: "中科大-西区",
    url: "//data.mars3d.cn/file/img/zkd-xq.png",
    rectangle: { xmin: 117.245648, xmax: 117.254431, ymin: 31.836891, ymax: 31.843413 }
  })
  map.addLayer(tileLayer)

加载好后效果如下：