【Mars3d】config.json中的蓝色底图map.basemap = 2017代码实现

本身的地图效果：

Mars3d的蓝色地图效果：

关键代码：

  basemaps: [
    {
      name: "高德电子",
      icon: "img/basemaps/gaode_vec.png",
      type: "gaode",
      layer: "vec",
      show: true,
      invertColor: true,
      filterColor: "#4e70a6",
      brightness: 0.6,
      contrast: 1.8,
      gamma: 0.3,
      hue: 1,
      saturation: 0,
      credit: creditHtml
    }
  ]

示例链接：

功能示例(Vue版) | Mars3D三维可视化平台 | 火星科技

创建地球后直接New一个GaodeLayer也可以，实现以下效果：

// 叠加的图层
let tileLayer
export function addTileLayer() {
  removeTileLayer()

  // 方式2：在创建地球后调用addLayer添加图层(直接new对应type类型的图层类)
  tileLayer = new mars3d.layer.GaodeLayer({
      name: "高德电子",
      icon: "img/basemaps/gaode_vec.png",
      type: "gaode",
      layer: "vec",
      show: true,
      invertColor: true,
      filterColor: "#4e70a6",
      brightness: 0.6,
      contrast: 1.8,
      gamma: 0.3,
      hue: 1,
      saturation: 0,
  })
  map.addLayer(tileLayer)
}

实现的效果：