Skip to content

GitLab

Commit 3ab403c3 authored by heng.zhang3@inzymeits.com's avatar heng.zhang3@inzymeits.com
Browse files

感知效果等

parents 220a8221 9709da2a
Hide whitespace changes
Inline Side-by-side
data.js 0 → 100644
View file @ 3ab403c3
const sjarr = [
{
id: "14578",
type: "ROAD_SPILL",
name: "道路抛洒物",
ptcIds: ["14578"],
location: [
{
longitude: 117.3460659,
latitude: 39.0057429,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14579",
type: "ROAD_ICE",
name: "路面结冰",
ptcIds: ["14579"],
location: [
{
longitude: 117.3470223,
latitude: 39.0035038,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14580",
type: "ROADWORK",
name: "占道施工",
ptcIds: ["14580"],
location: [
{
longitude: 117.346255,
latitude: 39.0057647,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14578",
type: "ROAD_SPILL",
name: "道路抛洒物",
ptcIds: ["14578"],
location: [
{
longitude: 117.3460659,
latitude: 39.0057429,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14579",
type: "ROAD_ICE",
name: "路面结冰",
ptcIds: ["14579"],
location: [
{
longitude: 117.3470223,
latitude: 39.0035038,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14580",
type: "ROADWORK",
name: "占道施工",
ptcIds: ["14580"],
location: [
{
longitude: 117.346255,
latitude: 39.0057647,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14578",
type: "ROAD_SPILL",
name: "道路抛洒物",
ptcIds: ["14578"],
location: [
{
longitude: 117.3460659,
latitude: 39.0057429,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14579",
type: "ROAD_ICE",
name: "路面结冰",
ptcIds: ["14579"],
location: [
{
longitude: 117.3470223,
latitude: 39.0035038,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14580",
type: "ROADWORK",
name: "占道施工",
ptcIds: ["14580"],
location: [
{
longitude: 117.346255,
latitude: 39.0057647,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14578",
type: "ROAD_SPILL",
name: "道路抛洒物",
ptcIds: ["14578"],
location: [
{
longitude: 117.3460659,
latitude: 39.0057429,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14579",
type: "ROAD_ICE",
name: "路面结冰",
ptcIds: ["14579"],
location: [
{
longitude: 117.3470223,
latitude: 39.0035038,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14580",
type: "ROADWORK",
name: "占道施工",
ptcIds: ["14580"],
location: [
{
longitude: 117.346255,
latitude: 39.0057647,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14578",
type: "ROAD_SPILL",
name: "道路抛洒物",
ptcIds: ["14578"],
location: [
{
longitude: 117.3460659,
latitude: 39.0057429,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14579",
type: "ROAD_ICE",
name: "路面结冰",
ptcIds: ["14579"],
location: [
{
longitude: 117.3470223,
latitude: 39.0035038,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14580",
type: "ROADWORK",
name: "占道施工",
ptcIds: ["14580"],
location: [
{
longitude: 117.346255,
latitude: 39.0057647,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14578",
type: "ROAD_SPILL",
name: "道路抛洒物",
ptcIds: ["14578"],
location: [
{
longitude: 117.3460659,
latitude: 39.0057429,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14579",
type: "ROAD_ICE",
name: "路面结冰",
ptcIds: ["14579"],
location: [
{
longitude: 117.3470223,
latitude: 39.0035038,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14580",
type: "ROADWORK",
name: "占道施工",
ptcIds: ["14580"],
location: [
{
longitude: 117.346255,
latitude: 39.0057647,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14578",
type: "ROAD_SPILL",
name: "道路抛洒物",
ptcIds: ["14578"],
location: [
{
longitude: 117.3460659,
latitude: 39.0057429,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14579",
type: "ROAD_ICE",
name: "路面结冰",
ptcIds: ["14579"],
location: [
{
longitude: 117.3470223,
latitude: 39.0035038,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14580",
type: "ROADWORK",
name: "占道施工",
ptcIds: ["14580"],
location: [
{
longitude: 117.346255,
latitude: 39.0057647,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14578",
type: "ROAD_SPILL",
name: "道路抛洒物",
ptcIds: ["14578"],
location: [
{
longitude: 117.3460659,
latitude: 39.0057429,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14579",
type: "ROAD_ICE",
name: "路面结冰",
ptcIds: ["14579"],
location: [
{
longitude: 117.3470223,
latitude: 39.0035038,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14580",
type: "ROADWORK",
name: "占道施工",
ptcIds: ["14580"],
location: [
{
longitude: 117.346255,
latitude: 39.0057647,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14578",
type: "ROAD_SPILL",
name: "道路抛洒物",
ptcIds: ["14578"],
location: [
{
longitude: 117.3460659,
latitude: 39.0057429,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14579",
type: "ROAD_ICE",
name: "路面结冰",
ptcIds: ["14579"],
location: [
{
longitude: 117.3470223,
latitude: 39.0035038,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14580",
type: "ROADWORK",
name: "占道施工",
ptcIds: ["14580"],
location: [
{
longitude: 117.346255,
latitude: 39.0057647,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14578",
type: "ROAD_SPILL",
name: "道路抛洒物",
ptcIds: ["14578"],
location: [
{
longitude: 117.3460659,
latitude: 39.0057429,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14579",
type: "ROAD_ICE",
name: "路面结冰",
ptcIds: ["14579"],
location: [
{
longitude: 117.3470223,
latitude: 39.0035038,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14580",
type: "ROADWORK",
name: "占道施工",
ptcIds: ["14580"],
location: [
{
longitude: 117.346255,
latitude: 39.0057647,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14578",
type: "ROAD_SPILL",
name: "道路抛洒物",
ptcIds: ["14578"],
location: [
{
longitude: 117.3460659,
latitude: 39.0057429,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14579",
type: "ROAD_ICE",
name: "路面结冰",
ptcIds: ["14579"],
location: [
{
longitude: 117.3470223,
latitude: 39.0035038,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14580",
type: "ROADWORK",
name: "占道施工",
ptcIds: ["14580"],
location: [
{
longitude: 117.346255,
latitude: 39.0057647,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14578",
type: "ROAD_SPILL",
name: "道路抛洒物",
ptcIds: ["14578"],
location: [
{
longitude: 117.3460659,
latitude: 39.0057429,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14579",
type: "ROAD_ICE",
name: "路面结冰",
ptcIds: ["14579"],
location: [
{
longitude: 117.3470223,
latitude: 39.0035038,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14580",
type: "ROADWORK",
name: "占道施工",
ptcIds: ["14580"],
location: [
{
longitude: 117.346255,
latitude: 39.0057647,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14578",
type: "ROAD_SPILL",
name: "道路抛洒物",
ptcIds: ["14578"],
location: [
{
longitude: 117.3460659,
latitude: 39.0057429,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14579",
type: "ROAD_ICE",
name: "路面结冰",
ptcIds: ["14579"],
location: [
{
longitude: 117.3470223,
latitude: 39.0035038,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14580",
type: "ROADWORK",
name: "占道施工",
ptcIds: ["14580"],
location: [
{
longitude: 117.346255,
latitude: 39.0057647,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14578",
type: "ROAD_SPILL",
name: "道路抛洒物",
ptcIds: ["14578"],
location: [
{
longitude: 117.3460659,
latitude: 39.0057429,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14579",
type: "ROAD_ICE",
name: "路面结冰",
ptcIds: ["14579"],
location: [
{
longitude: 117.3470223,
latitude: 39.0035038,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14580",
type: "ROADWORK",
name: "占道施工",
ptcIds: ["14580"],
location: [
{
longitude: 117.346255,
latitude: 39.0057647,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14578",
type: "ROAD_SPILL",
name: "道路抛洒物",
ptcIds: ["14578"],
location: [
{
longitude: 117.3460659,
latitude: 39.0057429,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14579",
type: "ROAD_ICE",
name: "路面结冰",
ptcIds: ["14579"],
location: [
{
longitude: 117.3470223,
latitude: 39.0035038,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14580",
type: "ROADWORK",
name: "占道施工",
ptcIds: ["14580"],
location: [
{
longitude: 117.346255,
latitude: 39.0057647,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14578",
type: "ROAD_SPILL",
name: "道路抛洒物",
ptcIds: ["14578"],
location: [
{
longitude: 117.3460659,
latitude: 39.0057429,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14579",
type: "ROAD_ICE",
name: "路面结冰",
ptcIds: ["14579"],
location: [
{
longitude: 117.3470223,
latitude: 39.0035038,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14580",
type: "ROADWORK",
name: "占道施工",
ptcIds: ["14580"],
location: [
{
longitude: 117.346255,
latitude: 39.0057647,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14578",
type: "ROAD_SPILL",
name: "道路抛洒物",
ptcIds: ["14578"],
location: [
{
longitude: 117.3460659,
latitude: 39.0057429,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14579",
type: "ROAD_ICE",
name: "路面结冰",
ptcIds: ["14579"],
location: [
{
longitude: 117.3470223,
latitude: 39.0035038,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14580",
type: "ROADWORK",
name: "占道施工",
ptcIds: ["14580"],
location: [
{
longitude: 117.346255,
latitude: 39.0057647,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14578",
type: "ROAD_SPILL",
name: "道路抛洒物",
ptcIds: ["14578"],
location: [
{
longitude: 117.3460659,
latitude: 39.0057429,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14579",
type: "ROAD_ICE",
name: "路面结冰",
ptcIds: ["14579"],
location: [
{
longitude: 117.3470223,
latitude: 39.0035038,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14580",
type: "ROADWORK",
name: "占道施工",
ptcIds: ["14580"],
location: [
{
longitude: 117.346255,
latitude: 39.0057647,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14578",
type: "ROAD_SPILL",
name: "道路抛洒物",
ptcIds: ["14578"],
location: [
{
longitude: 117.3460659,
latitude: 39.0057429,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14579",
type: "ROAD_ICE",
name: "路面结冰",
ptcIds: ["14579"],
location: [
{
longitude: 117.3470223,
latitude: 39.0035038,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14580",
type: "ROADWORK",
name: "占道施工",
ptcIds: ["14580"],
location: [
{
longitude: 117.346255,
latitude: 39.0057647,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14578",
type: "ROAD_SPILL",
name: "道路抛洒物",
ptcIds: ["14578"],
location: [
{
longitude: 117.3460659,
latitude: 39.0057429,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14579",
type: "ROAD_ICE",
name: "路面结冰",
ptcIds: ["14579"],
location: [
{
longitude: 117.3470223,
latitude: 39.0035038,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14580",
type: "ROADWORK",
name: "占道施工",
ptcIds: ["14580"],
location: [
{
longitude: 117.346255,
latitude: 39.0057647,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14578",
type: "ROAD_SPILL",
name: "道路抛洒物",
ptcIds: ["14578"],
location: [
{
longitude: 117.3460659,
latitude: 39.0057429,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14579",
type: "ROAD_ICE",
name: "路面结冰",
ptcIds: ["14579"],
location: [
{
longitude: 117.3470223,
latitude: 39.0035038,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14580",
type: "ROADWORK",
name: "占道施工",
ptcIds: ["14580"],
location: [
{
longitude: 117.346255,
latitude: 39.0057647,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14578",
type: "ROAD_SPILL",
name: "道路抛洒物",
ptcIds: ["14578"],
location: [
{
longitude: 117.3460659,
latitude: 39.0057429,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14579",
type: "ROAD_ICE",
name: "路面结冰",
ptcIds: ["14579"],
location: [
{
longitude: 117.3470223,
latitude: 39.0035038,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14580",
type: "ROADWORK",
name: "占道施工",
ptcIds: ["14580"],
location: [
{
longitude: 117.346255,
latitude: 39.0057647,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14578",
type: "ROAD_SPILL",
name: "道路抛洒物",
ptcIds: ["14578"],
location: [
{
longitude: 117.3460659,
latitude: 39.0057429,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14579",
type: "ROAD_ICE",
name: "路面结冰",
ptcIds: ["14579"],
location: [
{
longitude: 117.3470223,
latitude: 39.0035038,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14580",
type: "ROADWORK",
name: "占道施工",
ptcIds: ["14580"],
location: [
{
longitude: 117.346255,
latitude: 39.0057647,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14578",
type: "ROAD_SPILL",
name: "道路抛洒物",
ptcIds: ["14578"],
location: [
{
longitude: 117.3460659,
latitude: 39.0057429,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14579",
type: "ROAD_ICE",
name: "路面结冰",
ptcIds: ["14579"],
location: [
{
longitude: 117.3470223,
latitude: 39.0035038,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14580",
type: "ROADWORK",
name: "占道施工",
ptcIds: ["14580"],
location: [
{
longitude: 117.346255,
latitude: 39.0057647,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14578",
type: "ROAD_SPILL",
name: "道路抛洒物",
ptcIds: ["14578"],
location: [
{
longitude: 117.3460659,
latitude: 39.0057429,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14579",
type: "ROAD_ICE",
name: "路面结冰",
ptcIds: ["14579"],
location: [
{
longitude: 117.3470223,
latitude: 39.0035038,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14580",
type: "ROADWORK",
name: "占道施工",
ptcIds: ["14580"],
location: [
{
longitude: 117.346255,
latitude: 39.0057647,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14578",
type: "ROAD_SPILL",
name: "道路抛洒物",
ptcIds: ["14578"],
location: [
{
longitude: 117.3460659,
latitude: 39.0057429,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14579",
type: "ROAD_ICE",
name: "路面结冰",
ptcIds: ["14579"],
location: [
{
longitude: 117.3470223,
latitude: 39.0035038,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14580",
type: "ROADWORK",
name: "占道施工",
ptcIds: ["14580"],
location: [
{
longitude: 117.346255,
latitude: 39.0057647,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14578",
type: "ROAD_SPILL",
name: "道路抛洒物",
ptcIds: ["14578"],
location: [
{
longitude: 117.3460659,
latitude: 39.0057429,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14579",
type: "ROAD_ICE",
name: "路面结冰",
ptcIds: ["14579"],
location: [
{
longitude: 117.3470223,
latitude: 39.0035038,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14580",
type: "ROADWORK",
name: "占道施工",
ptcIds: ["14580"],
location: [
{
longitude: 117.346255,
latitude: 39.0057647,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14578",
type: "ROAD_SPILL",
name: "道路抛洒物",
ptcIds: ["14578"],
location: [
{
longitude: 117.3460659,
latitude: 39.0057429,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14579",
type: "ROAD_ICE",
name: "路面结冰",
ptcIds: ["14579"],
location: [
{
longitude: 117.3470223,
latitude: 39.0035038,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14580",
type: "ROADWORK",
name: "占道施工",
ptcIds: ["14580"],
location: [
{
longitude: 117.346255,
latitude: 39.0057647,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14578",
type: "ROAD_SPILL",
name: "道路抛洒物",
ptcIds: ["14578"],
location: [
{
longitude: 117.3460659,
latitude: 39.0057429,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14579",
type: "ROAD_ICE",
name: "路面结冰",
ptcIds: ["14579"],
location: [
{
longitude: 117.3470223,
latitude: 39.0035038,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14580",
type: "ROADWORK",
name: "占道施工",
ptcIds: ["14580"],
location: [
{
longitude: 117.346255,
latitude: 39.0057647,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14578",
type: "ROAD_SPILL",
name: "道路抛洒物",
ptcIds: ["14578"],
location: [
{
longitude: 117.3460659,
latitude: 39.0057429,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14579",
type: "ROAD_ICE",
name: "路面结冰",
ptcIds: ["14579"],
location: [
{
longitude: 117.3470223,
latitude: 39.0035038,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14580",
type: "ROADWORK",
name: "占道施工",
ptcIds: ["14580"],
location: [
{
longitude: 117.346255,
latitude: 39.0057647,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14578",
type: "ROAD_SPILL",
name: "道路抛洒物",
ptcIds: ["14578"],
location: [
{
longitude: 117.3460659,
latitude: 39.0057429,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14579",
type: "ROAD_ICE",
name: "路面结冰",
ptcIds: ["14579"],
location: [
{
longitude: 117.3470223,
latitude: 39.0035038,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14580",
type: "ROADWORK",
name: "占道施工",
ptcIds: ["14580"],
location: [
{
longitude: 117.346255,
latitude: 39.0057647,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14578",
type: "ROAD_SPILL",
name: "道路抛洒物",
ptcIds: ["14578"],
location: [
{
longitude: 117.3460659,
latitude: 39.0057429,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14579",
type: "ROAD_ICE",
name: "路面结冰",
ptcIds: ["14579"],
location: [
{
longitude: 117.3470223,
latitude: 39.0035038,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14580",
type: "ROADWORK",
name: "占道施工",
ptcIds: ["14580"],
location: [
{
longitude: 117.346255,
latitude: 39.0057647,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14578",
type: "ROAD_SPILL",
name: "道路抛洒物",
ptcIds: ["14578"],
location: [
{
longitude: 117.3460659,
latitude: 39.0057429,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14579",
type: "ROAD_ICE",
name: "路面结冰",
ptcIds: ["14579"],
location: [
{
longitude: 117.3470223,
latitude: 39.0035038,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14580",
type: "ROADWORK",
name: "占道施工",
ptcIds: ["14580"],
location: [
{
longitude: 117.346255,
latitude: 39.0057647,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
{
id: "14578",
type: "ROAD_SPILL",
name: "道路抛洒物",
ptcIds: ["14578"],
location: [
{
longitude: 117.3460659,
latitude: 39.0057429,
elevation: null,
},
],
level: 1,
description: null,
imagesUrl: null,
videosUrl: null,
startTime: null,
endTime: null,
reportTime: null,
mqttTime: null,
accessTime: null,
},
];
index.html
View file @ 3ab403c3
...@@ -151,7 +151,7 @@ ...@@ -151,7 +151,7 @@
</div> </div>
<div> <div>
<input type="button" id="addTrafficIncident" value="交通流中的事件" /> <input type="button" id="addTrafficIncident" value="交通流中的事件" />
<input type="button" id="addTrafficIncident2" value="不在交通流中的事件" /> <input style="display: none" type="button" id="addTrafficIncident2" value="不在交通流中的事件" />
<input type="button" id="addTrafficIncident3" value="区域坐标的交通事件" /> <input type="button" id="addTrafficIncident3" value="区域坐标的交通事件" />
</div> </div>
<div> <div>
...@@ -180,12 +180,20 @@ ...@@ -180,12 +180,20 @@
<div> <div>
<input type="button" id="addMillimeterWave" value="毫米波雷达" /> <input type="button" id="addMillimeterWave" value="毫米波雷达" />
<input type="button" id="removeMillimeterWave" value="移除毫米波雷达" /> <input type="button" id="removeMillimeterWave" value="移除毫米波雷达" />
<input type="button" id="addRadar" value="激光雷达" />
<input type="button" id="removeRadar" value="移除激光雷达" />
<input type="button" id="addCamera" value="摄像头" />
<input type="button" id="removeCamera" value="移除摄像头" />
<input type="button" id="addFusionPerception" value="路口融合" />
<input type="button" id="removeFusionPerception" value="移除路口融合" />
</div> </div>
</div> </div>
<div id="main-container" style="width: 100vw; height: 100vh; overflow: hidden"></div> <div id="main-container" style="width: 100vw; height: 100vh; overflow: hidden"></div>
</body> </body>
<script src="http://localhost:3000/gis_sdk/js/CMapLoader.map.js"></script> <script src="http://localhost:3000/gis_sdk/js/CMapLoader.map.js"></script>
<!-- <script src="http://localhost:3000/gis_sdk/js/CMapLoader.map.js"></script> -->
<script src="./SignalLines.js"></script> <script src="./SignalLines.js"></script>
<!-- <script src="./data.js"></script> -->
</head> </head>
<script> <script>
...@@ -199,12 +207,15 @@ ...@@ -199,12 +207,15 @@
var compassItem = null; // 指北针 var compassItem = null; // 指北针
var perceptualroad = null; var perceptualroad = null;
var perceptual = false; //是否加载了感知物 var perceptual = false; //是否加载了感知物
var perceptualshow = false;//热力图否显示 var perceptualshow = false; //热力图否显示
var trafficIncidentArr = [];//热力图否显示 var trafficIncidentArr = []; //热力图否显示
var polygon = null; // 感知区域 var polygon = null; // 感知区域
var v2xSocket = null; var v2xSocket = null;
var v2xArr = []; // 记录所有v2x var v2xArr = []; // 记录所有v2x
var trafficEventSocket = null;
var trafficEventArr = []; // 记录所有的交通事件
//高亮模型Id //高亮模型Id
var highlightModelId = null; var highlightModelId = null;
var handler = (e) => { var handler = (e) => {
...@@ -244,7 +255,11 @@ ...@@ -244,7 +255,11 @@
// 设置地图中心点和级别 // 设置地图中心点和级别
document.getElementById("setZoomAndCenter").onclick = setZoomAndCenter; document.getElementById("setZoomAndCenter").onclick = setZoomAndCenter;
function setZoomAndCenter() { function setZoomAndCenter() {
var options = { "longitude": 117.346635, "latitude": 38.99408, "height": 51.43313 } var options = {
longitude: 117.346635,
latitude: 38.99408,
height: 51.43313,
};
map.setZoomAndCenter(options); map.setZoomAndCenter(options);
} }
...@@ -295,7 +310,7 @@ ...@@ -295,7 +310,7 @@
function flyTo() { function flyTo() {
var options = { var options = {
position: [117.34584096, 38.99557144, 276.84], position: [117.34584096, 38.99557144, 276.84],
orientation: [0, -90], orientation: [-34.930073, -44.426579], //[0, -90], //设置俯视
}; };
camera.flyTo(options); camera.flyTo(options);
} }
...@@ -700,19 +715,19 @@ ...@@ -700,19 +715,19 @@
document.getElementById("addTrafficFlow").onclick = addTrafficFlow; document.getElementById("addTrafficFlow").onclick = addTrafficFlow;
async function addTrafficFlow() { async function addTrafficFlow() {
const json = { const json = {
id: '21e7a9e6d2884122804788dac1e002cc', id: "21e7a9e6d2884122804788dac1e002cc",
url: 'ws://192.168.60.137:31000/ws/streamer/a9219e09346a44a28ee3d0aed79c27ea' // 全部车辆 url: "ws://192.168.60.137:31000/ws/streamer/a9219e09346a44a28ee3d0aed79c27ea", // 全部车辆
} };
map.bindVehicle(json) map.bindVehicle(json);
} }
document.getElementById("addTrafficFlow6").onclick = addTrafficFlow6; document.getElementById("addTrafficFlow6").onclick = addTrafficFlow6;
async function addTrafficFlow6() { async function addTrafficFlow6() {
const json = { const json = {
id: '21e7a9e6d2884122804788dac1e002cc', id: "21e7a9e6d2884122804788dac1e002cc",
url: 'ws://192.168.60.137:31000/ws/streamer/e7c584dd5d294347bbc3ccec2f0aa8ea' // 6号车 url: "ws://192.168.60.137:31000/ws/streamer/e7c584dd5d294347bbc3ccec2f0aa8ea", // 6号车
} };
map.bindVehicle(json) map.bindVehicle(json);
} }
// 删除交通流 // 删除交通流
...@@ -725,7 +740,7 @@ ...@@ -725,7 +740,7 @@
document.getElementById("focusCar1").onclick = focusCar1; document.getElementById("focusCar1").onclick = focusCar1;
async function focusCar1() { async function focusCar1() {
let options = { let options = {
vehicleId: "仿AYZQS001", vehicleId: "XM140004",// 仿AYZQS001
perspective: 1, // 1第一人称视角、3第三人称视角 perspective: 1, // 1第一人称视角、3第三人称视角
}; };
map.getVehicle("21e7a9e6d2884122804788dac1e002cc").focusVehicle(options); map.getVehicle("21e7a9e6d2884122804788dac1e002cc").focusVehicle(options);
...@@ -735,7 +750,7 @@ ...@@ -735,7 +750,7 @@
document.getElementById("focusCar3").onclick = focusCar3; document.getElementById("focusCar3").onclick = focusCar3;
async function focusCar3() { async function focusCar3() {
let options = { let options = {
vehicleId: "XM140006", vehicleId: "XM140004",//仿AYZQS001
perspective: 3, // 1第一人称视角、3第三人称视角 perspective: 3, // 1第一人称视角、3第三人称视角
}; };
map.getVehicle("21e7a9e6d2884122804788dac1e002cc").focusVehicle(options); map.getVehicle("21e7a9e6d2884122804788dac1e002cc").focusVehicle(options);
...@@ -805,7 +820,7 @@ ...@@ -805,7 +820,7 @@
} }
const json = { const json = {
id: "111", //ID id: "111", //ID
url: 'ws://192.168.60.137:31000/ws/streamer/86bf3faefe5f423483e4cd4d9782b046', // 全路口 url: "ws://192.168.60.137:31000/ws/streamer/86bf3faefe5f423483e4cd4d9782b046", // 全路口
// url: 'ws://192.168.60.137:31000/ws/streamer/eccd0f8b060d4bb088a1b9af1ad4070f', // 6号路口 // url: 'ws://192.168.60.137:31000/ws/streamer/eccd0f8b060d4bb088a1b9af1ad4070f', // 6号路口
}; };
perceptualroad.bindObjects(json); perceptualroad.bindObjects(json);
...@@ -816,7 +831,6 @@ ...@@ -816,7 +831,6 @@
// orientation: [-34.930073, -44.426579], // orientation: [-34.930073, -44.426579],
// }; // };
// camera.flyTo(options); // camera.flyTo(options);
} }
// 显示感知目标物 // 显示感知目标物
document.getElementById("showPerceptual").onclick = showPerceptual; document.getElementById("showPerceptual").onclick = showPerceptual;
...@@ -895,11 +909,11 @@ ...@@ -895,11 +909,11 @@
//添加信号灯 //添加信号灯
document.getElementById("addSignal").onclick = addSignal; document.getElementById("addSignal").onclick = addSignal;
function addSignal() { function addSignal() {
let options = { // let options = {
position: [117.325673, 38.996374, 18.53], // position: [117.325673, 38.996374, 18.53],
orientation: [-34.930073, -44.426579], // orientation: [-34.930073, -44.426579],
}; // };
camera.flyTo(options); // camera.flyTo(options);
road.initSignals({ road.initSignals({
id: "51worldinitSignals", //ID id: "51worldinitSignals", //ID
url: "wss://itg-dev.cu-sc.com:13443/WSPLUS/socket?token=111&msgType=3&reType=51world", url: "wss://itg-dev.cu-sc.com:13443/WSPLUS/socket?token=111&msgType=3&reType=51world",
...@@ -918,55 +932,89 @@ ...@@ -918,55 +932,89 @@
road.removeSignalStopLine(); road.removeSignalStopLine();
} }
var arr = [];
//开始交通事件 //开始交通事件
document.getElementById("addTrafficIncident").onclick = addTrafficIncident; document.getElementById("addTrafficIncident").onclick = addTrafficIncident;
async function addTrafficIncident() { async function addTrafficIncident() {
let options = { document.getElementById("btn-list").style.display = "none";
position: [117.325401, 38.996133, 28.12], let fly = true
orientation: [-34.930073, -44.426579],
// 订阅事件 websocket事件
const url = "wss://itg-dev.cu-sc.com:13443/WSPLUS/socket?token=111&msgType=5&reType=51world&intersectionCode=51-D-JD0006"; //&intersectionCode=51-D-JD0003
// const url = "wss://itg-dev.cu-sc.com:13443/WSPLUS/socket?token=111&msgType=5&reType=51world"; //&intersectionCode=51-D-JD0003
const socket = new WebSocket(url);
socket.onopen = function (event) {
console.log("socket连接成功!");
}; };
camera.flyTo(options);
const json = { // let optionsTest1 = {
"id": "600286", // position: ["117.3445813", "39.0059179", 28.12],
"type": "ROADSIDE_TRAFFIC_EVENT", // orientation: [-34.930073, -0.426579],
"name": "异常停车预警", // };
"ptcIds": ['1200002282'], //字符串数组 // camera.flyTo(optionsTest1);
"location": [
{
longitude: 117.32559766689558,
latitude: 38.99628656347781,
elevation: null,
}
],
"level": 1,
"description": null,
"imagesUrl": null,
"videosUrl": null,
"startTime": null,
"endTime": null,
"reportTime": null,
"mqttTime": null,
"accessTime": null
}
trafficIncidentArr = await map.renderTrafficIncident(json); const fun = async (json) => {
console.log("tc.................", trafficIncidentArr); const { id, name, type, location, ptcIds } = json;
let index = 0; const find = trafficIncidentArr.find((item) => item.id == id);
const timer = setInterval(async () => {
if (index == 10) { if (json.endTime) {
json.endTime = 1741777564646;
trafficIncidentArr = await map.renderTrafficIncident(json); if (find) {
clearInterval(timer); // 视角飞到这个位置
// if (
// type == "MOTOR_VEHICLE_RUN_RED_LIGHT"
// ) {
// console.log("结束事件", json);
// map.stopTrafficIncident(id, json);
// }
map.stopTrafficIncident(id, json);
return;
}
return;
} }
index++; if (find) {
}, 200); return;
}
// if (
// type == "MOTOR_VEHICLE_RUN_RED_LIGHT"
// ) {
// // 飞到
// if (fly) {
// optionsTest1 = {
// position: [location[0].longitude, location[0].latitude, 23.12],
// orientation: [-40, 20],
// };
// camera.flyTo(optionsTest1);
// fly = false
// }
// console.log("开始事件 ", json);
// json.color = [255, 0, 0, 1]
// trafficIncidentArr.push(json);
// await map.renderTrafficIncident(json);
// }
json.color = [255, 0, 0, 1]
trafficIncidentArr.push(json);
await map.renderTrafficIncident(json);
};
socket.onmessage = async function (event) {
const json = JSON.parse(event.data);
await fun(json);
};
} }
// 不在交通流中的交通事件 // 不在交通流中的交通事件
document.getElementById("addTrafficIncident2").onclick = addTrafficIncident2; document.getElementById("addTrafficIncident2").onclick =
addTrafficIncident2;
async function addTrafficIncident2() { async function addTrafficIncident2() {
let options = { let options = {
position: [117.325401, 38.996133, 28.12], position: [117.325401, 38.996133, 28.12],
...@@ -974,30 +1022,8 @@ ...@@ -974,30 +1022,8 @@
}; };
camera.flyTo(options); camera.flyTo(options);
const json = {
"id": "600286",
"type": "ROAD_ICE",
"name": "道路结冰",
"ptcIds": null,
"location": [
{
longitude: 117.32559766689558,
latitude: 38.99628656347781,
elevation: null,
}
],
"level": 1,
"description": null,
"imagesUrl": null,
"videosUrl": null,
"startTime": null,
"endTime": null,
"reportTime": null,
"mqttTime": null,
"accessTime": null
}
trafficIncidentArr = await map.renderTrafficIncident(json); trafficIncidentArr = await map.renderTrafficIncident(json);
console.log("tc.................", trafficIncidentArr); console.log("tc.................", trafficIncidentArr);
let index = 0; let index = 0;
...@@ -1013,7 +1039,8 @@ ...@@ -1013,7 +1039,8 @@
} }
// 区域坐标的交通事件 // 区域坐标的交通事件
document.getElementById("addTrafficIncident3").onclick = addTrafficIncident3; document.getElementById("addTrafficIncident3").onclick =
addTrafficIncident3;
async function addTrafficIncident3() { async function addTrafficIncident3() {
let options = { let options = {
position: [117.325401, 38.996133, 28.12], position: [117.325401, 38.996133, 28.12],
...@@ -1022,14 +1049,14 @@ ...@@ -1022,14 +1049,14 @@
camera.flyTo(options); camera.flyTo(options);
const json = { const json = {
"id": "600286", id: "600286",
"type": "TRAFFIC_CONGESTION", type: "TRAFFIC_CONGESTION",
"name": "交通拥堵", name: "交通拥堵",
"ptcIds": null, ptcIds: null,
"location": [ location: [
{ {
longitude: 117.32564783, longitude: 117.32564783,
latitude: 38.99632990, latitude: 38.9963299,
elevation: null, elevation: null,
}, },
{ {
...@@ -1043,21 +1070,21 @@ ...@@ -1043,21 +1070,21 @@
elevation: null, elevation: null,
}, },
{ {
longitude: 117.32552220, longitude: 117.3255222,
latitude: 38.99636725, latitude: 38.99636725,
elevation: null, elevation: null,
}, },
], ],
"level": 1, level: 1,
"description": null, description: null,
"imagesUrl": null, imagesUrl: null,
"videosUrl": null, videosUrl: null,
"startTime": null, startTime: null,
"endTime": null, endTime: null,
"reportTime": null, reportTime: null,
"mqttTime": null, mqttTime: null,
"accessTime": null accessTime: null,
} };
trafficIncidentArr = await map.renderTrafficIncident(json); trafficIncidentArr = await map.renderTrafficIncident(json);
console.log("tc.................", trafficIncidentArr); console.log("tc.................", trafficIncidentArr);
...@@ -1125,7 +1152,7 @@ ...@@ -1125,7 +1152,7 @@
camera.flyTo(options); camera.flyTo(options);
const json = { const json = {
id: "21002cc", id: "21002cc",
url: "ws://192.168.60.137:31000/ws/streamer/2a9e3045-8ff6-4da8-970c-8bb1e4ca1ed9", url: "ws://192.168.60.137:31000/ws/streamer/489d02b4-80de-42e6-b0fc-95c4bd006760",
}; };
map.bindHistoryVehicle(json); map.bindHistoryVehicle(json);
} }
...@@ -1153,15 +1180,15 @@ ...@@ -1153,15 +1180,15 @@
// 开始V2V // 开始V2V
document.getElementById("startV2X").onclick = startV2X; document.getElementById("startV2X").onclick = startV2X;
function startV2X() { function startV2X() {
const url = 'wss://itg-dev.cu-sc.com:13443/WSPLUS/socket?token=111&msgType=4&reType=51world' const url = "wss://itg-dev.cu-sc.com:13443/WSPLUS/socket?token=111&msgType=4&reType=51world";
startVehicleV2X(url) startVehicleV2X(url);
} }
// 6号车V2X // 6号车V2X
document.getElementById("startV2X6").onclick = startV2X6; document.getElementById("startV2X6").onclick = startV2X6;
function startV2X6() { function startV2X6() {
const url = 'wss://itg-dev.cu-sc.com:13443/WSPLUS/socket?token=111&msgType=4&reType=51world&vehicleId=267' const url = "wss://itg-dev.cu-sc.com:13443/WSPLUS/socket?token=111&msgType=4&reType=51world&vehicleId=267";
startVehicleV2X(url) startVehicleV2X(url);
} }
// 7号车V2X // 7号车V2X
...@@ -1181,7 +1208,6 @@ ...@@ -1181,7 +1208,6 @@
// }; // };
// map.getVehicle("21e7a9e6d2884122804788dac1e002cc").startV2x(options); // map.getVehicle("21e7a9e6d2884122804788dac1e002cc").startV2x(options);
// const options2 = { // const options2 = {
// vehicleId: ['1200001992', 'sxt000045'],//车辆ID // vehicleId: ['1200001992', 'sxt000045'],//车辆ID
// color: [255, 0, 0, 1], // color: [255, 0, 0, 1],
...@@ -1193,7 +1219,6 @@ ...@@ -1193,7 +1219,6 @@
// }, 200) // }, 200)
// return // return
// 257 XM140001 // 257 XM140001
// 259 XM140002 // 259 XM140002
// 261 XM140003 // 261 XM140003
...@@ -1217,92 +1242,99 @@ ...@@ -1217,92 +1242,99 @@
// 当接收到消息时执行 // 当接收到消息时执行
v2xSocket.onmessage = function (event) { v2xSocket.onmessage = function (event) {
let data = JSON.parse(event.data) let data = JSON.parse(event.data);
let { objects, endTime, typeName, id } = data let { objects, endTime, typeName, id } = data;
// objects 如果只有一项，则是单车预警；如果有两项，则需要有两个车辆的通信效果 // objects 如果只有一项，则是单车预警；如果有两项，则需要有两个车辆的通信效果
let mainCar = objects[0] let mainCar = objects[0];
// 如果id不在v2xArr中，则添加 // 如果id不在v2xArr中，则添加
const find = v2xArr.find(item => item.id === id) const find = v2xArr.find((item) => item.id === id);
if (!find) { if (!find) {
v2xArr.push(data) v2xArr.push(data);
} }
let options = { let options = {
id: id, id: id,
color: [255, 255, 0, 1], color: [255, 0, 0, 1],
vehicleId: mainCar.id, vehicleId: mainCar.id,
name: typeName name: typeName,
}; };
map.getVehicle("21e7a9e6d2884122804788dac1e002cc").startV2x(options); map.getVehicle("21e7a9e6d2884122804788dac1e002cc").startV2x(options);
console.log('当前显示的v2x', data)
if (objects.length > 1) { if (objects.length > 1) {
const options2 = { const options2 = {
id, id,
vehicleId: [mainCar.id, objects[1].id],//车辆ID vehicleId: [mainCar.id, objects[1].id], //车辆ID
color: [255, 0, 0, 1], color: [255, 255, 0, 1],
} };
map.renderCommunication(options2) map.renderCommunication(options2);
if (objects.length > 1) { if (objects.length > 1) {
console.log('开始', mainCar.id, objects[1].id, data) console.log("开始", mainCar.id, objects[1].id, data);
} else { } else {
console.log('开始', mainCar.id, data) console.log("开始", mainCar.id, data);
} }
} }
if (endTime) { if (endTime) {
map.getVehicle("21e7a9e6d2884122804788dac1e002cc").stopV2x(mainCar.id) map
v2xArr.splice(v2xArr.findIndex(item => item.id === id), 1) .getVehicle("21e7a9e6d2884122804788dac1e002cc")
.stopV2x(mainCar.id);
v2xArr.splice(
v2xArr.findIndex((item) => item.id === id),
1
);
// v2x的效果只能添加一个，但车辆能同时存在多个v2x // v2x的效果只能添加一个，但车辆能同时存在多个v2x
const lastV2x = v2xArr[v2xArr.length - 1] const lastV2x = v2xArr[v2xArr.length - 1];
if (lastV2x) { if (lastV2x) {
const options = { const options = {
id: lastV2x.id, id: lastV2x.id,
color: [255, 255, 0, 1], color: [255, 0, 0, 1],
vehicleId: lastV2x.objects[0].id, vehicleId: lastV2x.objects[0].id,
name: lastV2x.typeName name: lastV2x.name,
}; };
map.getVehicle("21e7a9e6d2884122804788dac1e002cc").startV2x(options); map
console.log('当前显示的v2x', lastV2x) .getVehicle("21e7a9e6d2884122804788dac1e002cc")
.startV2x(options);
} }
const options2 = { const options2 = {
id, id,
vehicleId: [mainCar.id, objects[1].id],//车辆ID vehicleId: [mainCar.id, objects[1].id], //车辆ID
} };
console.log('前端结束通信', id, mainCar.id, objects[1].id) console.log("前端结束通信", id, mainCar.id, objects[1].id);
map.stopCommunication(options2) map.stopCommunication(options2);
if (objects.length > 1) { if (objects.length > 1) {
// console.log('结束结束结束', mainCar.id, objects[1].id) // console.log('结束结束结束', mainCar.id, objects[1].id)
} else { } else {
// console.log('结束结束结束', mainCar.id) // console.log('结束结束结束', mainCar.id)
} }
}; }
} };
} }
// 清除V2V // 清除V2V
document.getElementById("removeV2X").onclick = removeV2X; document.getElementById("removeV2X").onclick = removeV2X;
function removeV2X() { function removeV2X() {
v2xSocket.close() v2xSocket.close();
v2xArr.forEach(item => { v2xArr.forEach((item) => {
map.getVehicle("21e7a9e6d2884122804788dac1e002cc").stopV2x(item.objects[0].id) map
.getVehicle("21e7a9e6d2884122804788dac1e002cc")
.stopV2x(item.objects[0].id);
if (item.objects.length > 1) { if (item.objects.length > 1) {
const options2 = { const options2 = {
id, id,
vehicleId: [item.objects[0].id, item.objects[1].id],//车辆ID vehicleId: [item.objects[0].id, item.objects[1].id], //车辆ID
} };
map.stopCommunication(options2) map.stopCommunication(options2);
} }
}) });
v2xArr = [] v2xArr = [];
} }
// 绘制感知区域 // 绘制感知区域
...@@ -1310,21 +1342,21 @@ ...@@ -1310,21 +1342,21 @@
async function addPolygon() { async function addPolygon() {
const options = { const options = {
id: "polygons", id: "polygons",
type: 'polygon3d', type: "polygon3d",
position: [ position: [
[117.31930248, 38.99171243], [117.31930248, 38.99171243],
[117.32246328, 38.99176425], [117.32246328, 38.99176425],
[117.32174648, 38.99001976], [117.32174648, 38.99001976],
[117.31925930, 38.99073655], [117.3192593, 38.99073655],
], ],
color: [25, 25, 112, 1], //设置填充颜色 color: [25, 25, 112, 1], //设置填充颜色
maxHeight: 20, maxHeight: 20,
extrudedHeight: 60, extrudedHeight: 60,
} };
// 添加感知区域 // 添加感知区域
polygon = await map.addPolygonOverlay(options) polygon = await map.addPolygonOverlay(options);
map.zoomToOverlay(polygon) map.zoomToOverlay(polygon);
} }
// 显示感知区域 // 显示感知区域
...@@ -1346,7 +1378,8 @@ ...@@ -1346,7 +1378,8 @@
} }
// 注册模型点击高亮 modelClickHighLight // 注册模型点击高亮 modelClickHighLight
document.getElementById("modelClickHighLight").onclick = modelClickHighLight; document.getElementById("modelClickHighLight").onclick =
modelClickHighLight;
async function modelClickHighLight() { async function modelClickHighLight() {
map.on(map.EventType.ON_EQUIPMENT_CLICKED, pick_model_hightlight); map.on(map.EventType.ON_EQUIPMENT_CLICKED, pick_model_hightlight);
} }
...@@ -1359,8 +1392,8 @@ ...@@ -1359,8 +1392,8 @@
map.setModelHighlight(modelId); map.setModelHighlight(modelId);
map.addPopWindow({ map.addPopWindow({
id: modelId, id: modelId,
info: '普通信号灯' info: "普通信号灯",
}) });
return; return;
} }
console.warn("没有模型Id", e); console.warn("没有模型Id", e);
...@@ -1393,26 +1426,156 @@ ...@@ -1393,26 +1426,156 @@
camera.flyTo(options); camera.flyTo(options);
const json = { const json = {
"id": "1200002282", type: 'millimeterWave',
"color": "0ffff0FF", options: {
"opacity": 0.4, id: "1200002282",
"xFov": 90,//横向范围 color: [255, 0, 0, 1],
"yFov": 30,//纵向范围 opacity: 0.4,
"yawValue": 90,//朝向，0为默认向东 xFov: 90, //横向范围
"pitchValue": 0,//俯仰角 yFov: 30, //纵向范围
"radius": 1000//辐射范围 yawValue: 90, //朝向，0为默认向东
pitchValue: 0, //俯仰角
} radius: 1000, //辐射范围
map.addMillimeterWave(json); }
};
map.addPerceptionEffect(json);
} }
// 移除毫米波雷达 // 移除毫米波雷达
document.getElementById("removeMillimeterWave").onclick = removeMillimeterWave; document.getElementById("removeMillimeterWave").onclick =
removeMillimeterWave;
function removeMillimeterWave() { function removeMillimeterWave() {
const json = { const json = {
ids: ["1200002282"] type: 'millimeterWave',
} options: {
map.removeMillimeterWave(json); ids: ["1200002282"],
}
};
map.removePerceptionEffect(json);
}
// 添加雷达
document.getElementById("addRadar").onclick = addRadar;
function addRadar() {
let options = {
position: [117.325673, 38.996374, 18.53],
orientation: [-34.930073, -44.426579],
};
camera.flyTo(options);
const json = {
type: 'radar',
options: {
id: "1200002282",
type: "Radar",//设备类型 雷达：Radar
is360: false,//是否使用360环绕
color: [255, 0, 0, 1],//特效颜色
scanColor: [255, 255, 0, 1],//扫描特效颜色
speed: 0.3,//扫描速度
opacity: 0.4,//特效透明度
xFov: 90,//特效横向范围
yFov: 30,//特效纵向范围
scanRange: 30,//扫描范围
yawValue: 90,//朝向，0为默认向东
pitchValue: -10,//俯仰角
radius: 1000//辐射范围
}
};
map.addPerceptionEffect(json);
}
// 移除雷达
document.getElementById("removeRadar").onclick = removeRadar;
function removeRadar() {
const json = {
type: 'radar',
options: {
ids: ["1200002282"],
}
};
map.removePerceptionEffect(json);
}
// 添加感知融合
document.getElementById("addFusionPerception").onclick = addFusionPerception;
function addFusionPerception() {
let options = {
position: [117.327313, 38.999729, 18.53],
orientation: [-34.930073, -44.426579],
};
camera.flyTo(options);
const json = {
type: 'fusionPerception',
options: {
id: "2200002282", //感知区域ID
outline: true, // 是否使用边框
height: 2, // 区域尺寸高度
heightOffset: 300, // 区域生成位置高度
coordinates: [ // 区域范围经纬度
[117.327313, 38.999729],
[117.327233, 38.999555],
[117.327065, 38.999671],
[117.326734, 38.999867],
[117.32688, 38.999869],
[117.327095, 38.999798]
],
}
};
map.addPerceptionEffect(json);
}
// 移除毫米波雷达
document.getElementById("removeFusionPerception").onclick =
removeFusionPerception;
function removeFusionPerception() {
const json = {
type: 'fusionPerception',
options: {
ids: ["2200002282"],
}
};
map.removePerceptionEffect(json);
}
// 添加摄像头
document.getElementById("addCamera").onclick = addCamera;
function addCamera() {
let options = {
position: [117.325673, 38.996374, 18.53],
orientation: [-34.930073, -44.426579],
};
camera.flyTo(options);
const json = {
type: 'camera',
options: {
id: "1200002282", //摄像头ID
color: [255, 255, 0, 1], //特效颜色
opacity: 0.4, //特效透明度
xFov: 90, //横向范围
yFov: 30, //纵向范围
yawValue: 180, //朝向，0为默认向东
pitchValue: 0, //俯仰角
radius: 1000, //辐射范围
}
};
map.addPerceptionEffect(json);
}
// 移除摄像头
document.getElementById("removeCamera").onclick = removeCamera;
function removeCamera() {
const json = {
type: 'camera',
options: {
ids: ["1200002282"],
}
};
map.removePerceptionEffect(json);
} }
</script> </script>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment