import * as mars3d from "mars3d"
|
|
export let map // mars3d.Map三维地图对象
|
|
// 需要覆盖config.json中地图属性参数（当前示例框架中自动处理合并）
|
export const mapOptions = {
|
scene: {
|
center: { lat: 31.795863, lng: 117.212909, alt: 2113, heading: 25, pitch: -34 }
|
},
|
layers: [
|
{
|
pid: 2040,
|
type: "3dtiles",
|
name: "合肥市区2",
|
url: "//data.mars3d.cn/3dtiles/jzw-hefei2/tileset.json",
|
maximumScreenSpaceError: 1,
|
maximumMemoryUsage: 1024,
|
style: {
|
color: {
|
conditions: [["true", "color('rgba(42, 160, 224, 1)')"]]
|
}
|
},
|
marsJzwStyle: true,
|
highlight: { type: "click", color: "#FFFF00" },
|
popup: "all",
|
show: true
|
},
|
{
|
type: "geojson",
|
name: "道路线",
|
url: "//data.mars3d.cn/file/geojson/hefei-road.json",
|
symbol: {
|
styleOptions: {
|
materialType: "PolylineGlow",
|
glowPower: 0.2,
|
color: "#FF4500",
|
width: 12,
|
opacity: 0.8
|
}
|
},
|
popup: "{name}",
|
show: true
|
},
|
{
|
type: "geojson",
|
name: "河流(面状)",
|
url: "//data.mars3d.cn/file/geojson/hefei-water.json",
|
symbol: {
|
type: "waterCombine",
|
styleOptions: {
|
normalMap: "img/textures/waterNormals.jpg", // 水正常扰动的法线图
|
frequency: 5000.0, // 控制波数的数字。
|
animationSpeed: 0.05, // 控制水的动画速度的数字。
|
amplitude: 9.0, // 控制水波振幅的数字。
|
specularIntensity: 0.8, // 控制镜面反射强度的数字。
|
baseWaterColor: "#00baff", // rgba颜色对象基础颜色的水。#00ffff,#00baff,#006ab4
|
blendColor: "#00baff" // 从水中混合到非水域时使用的rgba颜色对象。
|
}
|
},
|
popup: "{name}",
|
show: true
|
}
|
]
|
}
|
|
let bloomEffect
|
|
/**
|
* 初始化地图业务，生命周期钩子函数（必须）
|
* 框架在地图初始化完成后自动调用该函数
|
* @param {mars3d.Map} mapInstance 地图对象
|
* @returns {void} 无
|
*/
|
export function onMounted(mapInstance) {
|
map = mapInstance // 记录map
|
map.basemap = 2017 // 切换至蓝色底图
|
|
// 构造效果
|
bloomEffect = new mars3d.effect.BloomEffect()
|
map.addEffect(bloomEffect)
|
}
|
|
/**
|
* 释放当前地图业务的生命周期函数
|
* @returns {void} 无
|
*/
|
export function onUnmounted() {
|
map = null
|
}
|
|
// 是否开始泛光效果
|
export function setBloomEffect(val) {
|
bloomEffect.enabled = val
|
}
|
|
// 修改对应参数
|
export function setContrast(val) {
|
bloomEffect.contrast = val
|
}
|
|
export function setBrightness(val) {
|
bloomEffect.brightness = val
|
}
|
|
export function setDelta(val) {
|
bloomEffect.delta = val
|
}
|
|
export function setStep(val) {
|
bloomEffect.stepSize = val
|
}
|
|
export function setSigma(val) {
|
bloomEffect.sigma = val
|
}
|
