1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
| import * as mars3d from "mars3d"
|
| export let map // mars3d.Map三维地图对象
| let tileLayer
|
| // 需要覆盖config.json中地图属性参数（当前示例框架中自动处理合并）
| export const mapOptions = {
| scene: {
| center: { lat: 31.601462, lng: 117.246888, alt: 56825, heading: 359, pitch: -69 }
| },
| control: {
| baseLayerPicker: false
| },
| basemaps: [],
| layers: [
| {
| name: "单张图片",
| icon: "img/basemaps/bingmap.png",
| type: "image",
| url: "//data.mars3d.cn/file/img/world/world.jpg",
| show: true
| }
| ]
| }
|
| /**
| * 初始化地图业务，生命周期钩子函数（必须）
| * 框架在地图初始化完成后自动调用该函数
| * @param {mars3d.Map} mapInstance 地图对象
| * @returns {void} 无
| */
| export function onMounted(mapInstance) {
| map = mapInstance // 记录首次创建的map
|
| // 添加图层
| tileLayer = new mars3d.layer.GaodeLayer({
| layer: "vec",
| brightness: 1, // 亮度
| contrast: 1, // 对比度
| hue: 0.1, // 色彩
| saturation: 1, // 饱和度
| gamma: 0.2, // 伽马值
| opacity: 1 // 透明度
| })
| map.addLayer(tileLayer)
| }
|
| /**
| * 释放当前地图业务的生命周期函数
| * @returns {void} 无
| */
| export function onUnmounted() {
| map = null
| }
|
| /**
| * 参数发生变化
| *
| * @export changeOpacity
| * @param {string} attribute 改变的类型
| * @param {number} val 改变的值
| * @returns {void}
| */
| export function changeOpacity(attribute, val) {
| tileLayer[attribute] = val
| }
|
|
