import * as mars3d from "mars3d"
|
|
export let map // mars3d.Map三维地图对象
|
|
// 需要覆盖config.json中地图属性参数（当前示例框架中自动处理合并）
|
export const mapOptions = {
|
scene: {
|
center: { lat: 29.808307, lng: 110.597446, alt: 7852846, heading: 353, pitch: -86 }
|
}
|
}
|
|
/**
|
* 初始化地图业务，生命周期钩子函数（必须）
|
* 框架在地图初始化完成后自动调用该函数
|
* @param {mars3d.Map} mapInstance 地图对象
|
* @returns {void} 无
|
*/
|
export function onMounted(mapInstance) {
|
map = mapInstance // 记录首次创建的map
|
|
Cesium.Resource.fetchText({ url: "//data.mars3d.cn/file/apidemo/qianxi-time.txt" })
|
.then(function (json) {
|
// 创建Mapv
|
createMapvLayer(json)
|
})
|
.catch(function (error) {
|
console.log("加载JSON出错", error)
|
})
|
}
|
|
/**
|
* 释放当前地图业务的生命周期函数
|
* @returns {void} 无
|
*/
|
export function onUnmounted() {
|
map = null
|
}
|
|
|
function createMapvLayer(rs) {
|
const data = []
|
const timeData = []
|
|
function curive(fromPoint, endPoint, n) {
|
const delLng = (endPoint.lng - fromPoint.lng) / n
|
const delLat = (endPoint.lat - fromPoint.lat) / n
|
|
for (let i = 0; i < n; i++) {
|
const pointNLng = fromPoint.lng + delLng * i
|
const pointNLat = fromPoint.lat + delLat * i
|
timeData.push({
|
geometry: {
|
type: "Point",
|
coordinates: [pointNLng, pointNLat]
|
},
|
count: 1,
|
time: i
|
})
|
}
|
}
|
|
const items = rs.split("|")
|
for (let i = 0; i < items.length; i++) {
|
const itemArr = items[i].split(/\n/)
|
let cityBegin
|
for (let k = 0; k < itemArr.length; k++) {
|
if (itemArr[k]) {
|
const item = itemArr[k].split(/\t/)
|
if (item[0] === "起点城市" || item[0] === "迁出城市") {
|
cityBegin = item[1]
|
}
|
if (item[0] !== "起点城市" || (item[0] !== "迁出城市" && item.length > 1)) {
|
const cityCenter1 = this.mapv.utilCityCenter.getCenterByCityName(item[0].replace(/市|省/, ""))
|
const cityCenter2 = this.mapv.utilCityCenter.getCenterByCityName(cityBegin.replace(/市|省/, "").trim())
|
if (cityCenter1) {
|
if (Math.random() > 0.7) {
|
curive(cityCenter2, cityCenter1, 50)
|
}
|
data.push({
|
geometry: {
|
type: "LineString",
|
coordinates: [
|
[cityCenter1.lng, cityCenter1.lat],
|
[cityCenter2.lng, cityCenter2.lat]
|
]
|
},
|
count: 100 * Math.random()
|
})
|
}
|
}
|
}
|
}
|
}
|
|
const options1 = {
|
strokeStyle: "rgba(55, 50, 250, 0.3)",
|
globalCompositeOperation: "lighter",
|
shadowColor: "rgba(55, 50, 250, 0.5)",
|
gradient: {
|
0: "rgba(55, 50, 250, 0)",
|
1: "rgba(55, 50, 250, 1)"
|
},
|
lineWidth: 0.2,
|
draw: "intensity",
|
data: data // 数据
|
}
|
// 线图层
|
const mapVLayer = new mars3d.layer.MapVLayer(options1)
|
map.addLayer(mapVLayer)
|
|
const options2 = {
|
fillStyle: "rgba(255, 250, 250, 0.9)",
|
size: 0.5,
|
animation: {
|
type: "time",
|
stepsRange: {
|
start: 0,
|
end: 50
|
},
|
trails: 1,
|
duration: 5
|
},
|
draw: "simple",
|
data: timeData // 数据
|
}
|
// 创建MapV图层 动画图层
|
const mapVLayer2 = new mars3d.layer.MapVLayer(options2)
|
map.addLayer(mapVLayer2)
|
}
|
