parent
fcbcf5be80
commit
13c1e97405
File diff suppressed because one or more lines are too long
|
|
@ -114,16 +114,17 @@
|
|||
var socket
|
||||
var wsUrl = ''
|
||||
document.getElementById("talk-real-server").onclick = function () {
|
||||
wsUrl = 'ws://222.245.132.168:19555/talk/pcma/stream/COWN-ZK9-Z2-C3E/QsTzeGZPrpiCxmlok44NMsdE'
|
||||
self.player.talkUrl = wsUrl;
|
||||
self.player.play(PLAYURL, true, "");
|
||||
console.log(1111);
|
||||
|
||||
axios({
|
||||
method: 'post',
|
||||
url: 'https://www.hndyjqrh.cn/api/multialarm/talk/channel',
|
||||
data: { ...requestBody }
|
||||
}).then(res => {
|
||||
console.log('talk/channel', res);
|
||||
wsUrl = 'ws://222.245.132.168:19555/talk/pcma/stream/COWN-ZK9-Z2-C3E/QsTzeGZPrpiCxmlok44NMsdE'
|
||||
self.player.talkUrl = wsUrl;
|
||||
self.player.play(PLAYURL, true, "");
|
||||
console.log(1111);
|
||||
// wsUrl = res.data.data.videoUrl
|
||||
|
||||
// 创建 WebSocket 连接
|
||||
|
|
|
|||
|
|
@ -3,57 +3,57 @@ export default [
|
|||
name: '长沙市',
|
||||
value: [112.94, 28.23],
|
||||
},
|
||||
// {
|
||||
// name: '怀化市',
|
||||
// value: [110.0, 27.57],
|
||||
// },
|
||||
// {
|
||||
// name: '益阳市',
|
||||
// value: [112.36, 28.55],
|
||||
// },
|
||||
// {
|
||||
// name: '常德市',
|
||||
// value: [111.7, 29.03],
|
||||
// },
|
||||
// {
|
||||
// name: '岳阳市',
|
||||
// value: [113.13, 29.36],
|
||||
// },
|
||||
// {
|
||||
// name: '张家界市',
|
||||
// value: [110.48, 29.12],
|
||||
// },
|
||||
// {
|
||||
// name: '邵阳市',
|
||||
// value: [111.47, 27.24],
|
||||
// },
|
||||
// {
|
||||
// name: '娄底市',
|
||||
// value: [111.99, 27.7],
|
||||
// },
|
||||
// {
|
||||
// name: '湘潭市',
|
||||
// value: [112.95, 27.83],
|
||||
// },
|
||||
// {
|
||||
// name: '株洲市',
|
||||
// value: [113.13, 27.83],
|
||||
// },
|
||||
// {
|
||||
// name: '湘西土家族苗族自治州',
|
||||
// value: [109.67, 28.22],
|
||||
// },
|
||||
// {
|
||||
// name: '衡阳市',
|
||||
// value: [112.57, 26.89],
|
||||
// },
|
||||
{
|
||||
name: '怀化市',
|
||||
value: [110.0, 27.57],
|
||||
},
|
||||
{
|
||||
name: '益阳市',
|
||||
value: [112.36, 28.55],
|
||||
},
|
||||
{
|
||||
name: '常德市',
|
||||
value: [111.7, 29.03],
|
||||
},
|
||||
{
|
||||
name: '岳阳市',
|
||||
value: [113.13, 29.36],
|
||||
},
|
||||
{
|
||||
name: '张家界市',
|
||||
value: [110.48, 29.12],
|
||||
},
|
||||
{
|
||||
name: '邵阳市',
|
||||
value: [111.47, 27.24],
|
||||
},
|
||||
{
|
||||
name: '娄底市',
|
||||
value: [111.99, 27.7],
|
||||
},
|
||||
{
|
||||
name: '湘潭市',
|
||||
value: [112.95, 27.83],
|
||||
},
|
||||
{
|
||||
name: '株洲市',
|
||||
value: [113.13, 27.83],
|
||||
},
|
||||
{
|
||||
name: '湘西土家族苗族自治州',
|
||||
value: [109.67, 28.22],
|
||||
},
|
||||
{
|
||||
name: '衡阳市',
|
||||
value: [112.57, 26.89],
|
||||
},
|
||||
|
||||
// {
|
||||
// name: '永州市',
|
||||
// value: [111.61, 26.42],
|
||||
// },
|
||||
// {
|
||||
// name: '郴州市',
|
||||
// value: [113.02, 25.77],
|
||||
// },
|
||||
{
|
||||
name: '永州市',
|
||||
value: [111.61, 26.42],
|
||||
},
|
||||
{
|
||||
name: '郴州市',
|
||||
value: [113.02, 25.77],
|
||||
},
|
||||
]
|
||||
|
|
@ -753,105 +753,105 @@ const initMapdt = (data: any, podat: any, name: any) => {
|
|||
}
|
||||
},
|
||||
data: [] as any[] // 添加与你的数据相关联的数据
|
||||
},
|
||||
{
|
||||
type: 'lines', // 飞线图
|
||||
tooltip: {
|
||||
show: false // 禁用飞线的 tooltip
|
||||
},
|
||||
zlevel: 2,
|
||||
effect: {
|
||||
show: true,
|
||||
period: 3, //箭头指向速度，值越小速度越快
|
||||
trailLength: 0.03, //特效尾迹长度[0,1]值越大，尾迹越长重
|
||||
symbol: 'arrow', //箭头图标
|
||||
symbolSize: 6 //图标大小
|
||||
},
|
||||
lineStyle: {
|
||||
color: '#EE5652',
|
||||
width: 1, //尾迹线条宽度
|
||||
opacity: 1, //尾迹线条透明度
|
||||
curveness: 0.3 //尾迹线条曲直度
|
||||
},
|
||||
data: linesData,
|
||||
symbol: ['none', 'circle'], //飞线起点终点点位样式
|
||||
symbolSize: 10 // 飞线起点终点点位大小
|
||||
},
|
||||
{
|
||||
// 散点图
|
||||
type: 'effectScatter', //在地图上绘制具有动态效果的散点图,实现视觉上的效果，比如涟漪效果或闪烁效果
|
||||
zlevel: 3, //图层的深度，值越大表示图层越高，覆盖在其他图层之上。通常用于分层显示效果
|
||||
coordinateSystem: 'geo',
|
||||
tooltip: {
|
||||
show: false, // 禁用散点的 tooltip
|
||||
trigger: 'item',
|
||||
backgroundColor: 'rgba(0,0,0,0)',
|
||||
borderColor: 'rgba(0,0,0,0)',
|
||||
extraCssText: 'box-shadow: 0 0 0 rgba(0, 0, 0, 0);',
|
||||
textStyle: {fontSize: '16', color: '#fff'},
|
||||
formatter: function (params: any) {
|
||||
let datat = podat
|
||||
let itemWithId2 = datat.children.find((item: any) => item.grope === params.name)
|
||||
if (!itemWithId2) {
|
||||
return `
|
||||
<div style="
|
||||
background: url('/keji_border.png') no-repeat center center;
|
||||
background-size: contain;
|
||||
height: 150px;
|
||||
width: 300px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #fff;
|
||||
padding: 10px;
|
||||
box-sizing: border-box;
|
||||
">
|
||||
报警: 0<br />
|
||||
警情: 0<br />
|
||||
AI预警: 0
|
||||
</div>
|
||||
`
|
||||
} else {
|
||||
return `
|
||||
<div style="
|
||||
background: url('/keji_border.png') no-repeat center center;
|
||||
background-size: contain;
|
||||
height: 150px;
|
||||
width: 300px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #fff;
|
||||
padding: 10px;
|
||||
box-sizing: border-box;
|
||||
">
|
||||
报警: ${itemWithId2.alarmCount}<br />
|
||||
警情: ${itemWithId2.caseCount}<br />
|
||||
AI预警: ${itemWithId2.aiCount}
|
||||
</div>
|
||||
`
|
||||
}
|
||||
}
|
||||
},
|
||||
data: effectScatterData,
|
||||
symbol: 'circle', // 设置散点的图形为圆形
|
||||
symbolSize: [10, 10], // 设置散点的大小，宽度为 20，高度为 10
|
||||
itemStyle: {
|
||||
color: 'orange', // 散点颜色设置为橙色
|
||||
shadowBlur: 10, // 设置散点的阴影模糊大小
|
||||
shadowColor: 'orange' // 阴影颜色为橙色
|
||||
},
|
||||
effectType: 'ripple', //动画效果类型设置为涟漪效果，即散点会呈现出波纹扩散的效果
|
||||
// showEffectOn:emphasis移入显示动画，render一开始显示动画
|
||||
// showEffectOn:render: 表示在图表渲染时立即显示动画效果
|
||||
showEffectOn: 'render',
|
||||
rippleEffect: {
|
||||
scale: 5, // 涟漪效果的扩展倍数，越大波纹越大
|
||||
brushType: 'stroke' // 涟漪效果的绘制方式，stroke 表示仅绘制波纹的边框，不填充
|
||||
}
|
||||
}
|
||||
// {
|
||||
// type: 'lines', // 飞线图
|
||||
// tooltip: {
|
||||
// show: false // 禁用飞线的 tooltip
|
||||
// },
|
||||
// zlevel: 2,
|
||||
// effect: {
|
||||
// show: true,
|
||||
// period: 3, //箭头指向速度，值越小速度越快
|
||||
// trailLength: 0.03, //特效尾迹长度[0,1]值越大，尾迹越长重
|
||||
// symbol: 'arrow', //箭头图标
|
||||
// symbolSize: 6 //图标大小
|
||||
// },
|
||||
// lineStyle: {
|
||||
// color: '#EE5652',
|
||||
// width: 1, //尾迹线条宽度
|
||||
// opacity: 1, //尾迹线条透明度
|
||||
// curveness: 0.3 //尾迹线条曲直度
|
||||
// },
|
||||
// data: linesData,
|
||||
// symbol: ['none', 'circle'], //飞线起点终点点位样式
|
||||
// symbolSize: 10 // 飞线起点终点点位大小
|
||||
// },
|
||||
// {
|
||||
// // 散点图
|
||||
// type: 'effectScatter', //在地图上绘制具有动态效果的散点图,实现视觉上的效果，比如涟漪效果或闪烁效果
|
||||
// zlevel: 3, //图层的深度，值越大表示图层越高，覆盖在其他图层之上。通常用于分层显示效果
|
||||
// coordinateSystem: 'geo',
|
||||
// tooltip: {
|
||||
// show: false, // 禁用散点的 tooltip
|
||||
// trigger: 'item',
|
||||
// backgroundColor: 'rgba(0,0,0,0)',
|
||||
// borderColor: 'rgba(0,0,0,0)',
|
||||
// extraCssText: 'box-shadow: 0 0 0 rgba(0, 0, 0, 0);',
|
||||
// textStyle: {fontSize: '16', color: '#fff'},
|
||||
// formatter: function (params: any) {
|
||||
// let datat = podat
|
||||
// let itemWithId2 = datat.children.find((item: any) => item.grope === params.name)
|
||||
// if (!itemWithId2) {
|
||||
// return `
|
||||
// <div style="
|
||||
// background: url('/keji_border.png') no-repeat center center;
|
||||
// background-size: contain;
|
||||
// height: 150px;
|
||||
// width: 300px;
|
||||
// display: flex;
|
||||
// flex-direction: column;
|
||||
// justify-content: center;
|
||||
// align-items: center;
|
||||
// color: #fff;
|
||||
// padding: 10px;
|
||||
// box-sizing: border-box;
|
||||
// ">
|
||||
// 报警: 0<br />
|
||||
// 警情: 0<br />
|
||||
// AI预警: 0
|
||||
// </div>
|
||||
// `
|
||||
// } else {
|
||||
// return `
|
||||
// <div style="
|
||||
// background: url('/keji_border.png') no-repeat center center;
|
||||
// background-size: contain;
|
||||
// height: 150px;
|
||||
// width: 300px;
|
||||
// display: flex;
|
||||
// flex-direction: column;
|
||||
// justify-content: center;
|
||||
// align-items: center;
|
||||
// color: #fff;
|
||||
// padding: 10px;
|
||||
// box-sizing: border-box;
|
||||
// ">
|
||||
// 报警: ${itemWithId2.alarmCount}<br />
|
||||
// 警情: ${itemWithId2.caseCount}<br />
|
||||
// AI预警: ${itemWithId2.aiCount}
|
||||
// </div>
|
||||
// `
|
||||
// }
|
||||
// }
|
||||
// },
|
||||
// data: effectScatterData,
|
||||
// symbol: 'circle', // 设置散点的图形为圆形
|
||||
// symbolSize: [10, 10], // 设置散点的大小，宽度为 20，高度为 10
|
||||
// itemStyle: {
|
||||
// color: 'orange', // 散点颜色设置为橙色
|
||||
// shadowBlur: 10, // 设置散点的阴影模糊大小
|
||||
// shadowColor: 'orange' // 阴影颜色为橙色
|
||||
// },
|
||||
// effectType: 'ripple', //动画效果类型设置为涟漪效果，即散点会呈现出波纹扩散的效果
|
||||
// // showEffectOn:emphasis移入显示动画，render一开始显示动画
|
||||
// // showEffectOn:render: 表示在图表渲染时立即显示动画效果
|
||||
// showEffectOn: 'render',
|
||||
// rippleEffect: {
|
||||
// scale: 5, // 涟漪效果的扩展倍数，越大波纹越大
|
||||
// brushType: 'stroke' // 涟漪效果的绘制方式，stroke 表示仅绘制波纹的边框，不填充
|
||||
// }
|
||||
// }
|
||||
]
|
||||
}
|
||||
if (name !== '湖南省') {
|
||||
|
|
@ -898,8 +898,8 @@ const initMapdt = (data: any, podat: any, name: any) => {
|
|||
resovle('无数据')
|
||||
})
|
||||
} else {
|
||||
console.log(response);
|
||||
|
||||
console.log(response)
|
||||
|
||||
return response.text()
|
||||
}
|
||||
})
|
||||
|
|
|
|||
Loading…
Reference in New Issue