chengdandan
/
hebeiLargeScreen
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

0623

This commit is contained in:
chengdandan 2025-06-23 09:24:51 +08:00
parent 0f1740f301
commit ae2a7370ed
4 changed files with 26 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
public/static/map_load.js
View File

@ -4,20 +4,20 @@
var bmapcfg = {
'imgext': '.jpg', //瓦片图的后缀 ------ 根据需要修改，一般是 .png .jpg
//这里我直接用的路径是/static/bmap_offline_demo/tiles，如果瓦片数量较大，可改为瓦片服务的地址
// tiles_dir: "images", //普通瓦片图的地址，为空默认在 offlinemap/tiles/ 目
tiles_dir: "images", //普通瓦片图的地址，为空默认在 offlinemap/tiles/ 目
//现场
tiles_dir: "map", //普通瓦片图的地址，为空默认在 offlinemap/tiles/ 目
// tiles_path : 'http://172.16.1.162:8123/HeBeiDarkMap/',
// tiles_hybrid: 'http://172.16.1.162:8123/HeBeiDarkMap/', //卫星瓦片图的地址，为空默认在 offlinemap/tiles_hybrid/ 目
// tiles_self : 'http://172.16.1.162:8123/HeBeiDarkMap/' //自定义图层的地址，为空默认在 offlinemap/tiles_self/ 目录
// tiles_dir: "map", //普通瓦片图的地址，为空默认在 offlinemap/tiles/ 目
tiles_path : 'http://172.16.1.162:8123/HeBeiDarkMap/',
tiles_hybrid: 'http://172.16.1.162:8123/HeBeiDarkMap/', //卫星瓦片图的地址，为空默认在 offlinemap/tiles_hybrid/ 目
tiles_self : 'http://172.16.1.162:8123/HeBeiDarkMap/' //自定义图层的地址，为空默认在 offlinemap/tiles_self/ 目录
// tiles_path: "http://111.229.30.246:4008/HeBeiDarkMap/",
// tiles_hybrid: "http://111.229.30.246:4008/HeBeiDarkMap/", //卫星瓦片图的地址，为空默认在 offlinemap/tiles_hybrid/ 目
// tiles_self: "http://111.229.30.246:4008/HeBeiDarkMap/", //自定义图层的地址，为空默认在 offlinemap/tiles_self/ 目录
//现场
tiles_path: "http://13.14.64.150:3638/",
tiles_hybrid: "http://13.14.64.150:3638/", //卫星瓦片图的地址，为空默认在 offlinemap/tiles_hybrid/ 目
tiles_self: "http://13.14.64.150:3638/", //自定义图层的地址，为空默认在 offlinemap/tiles_self/ 目录
// tiles_path: "http://13.14.64.150:3638/",
// tiles_hybrid: "http://13.14.64.150:3638/", //卫星瓦片图的地址，为空默认在 offlinemap/tiles_hybrid/ 目
// tiles_self: "http://13.14.64.150:3638/", //自定义图层的地址，为空默认在 offlinemap/tiles_self/ 目录
};
//下面的保持不动///

4
src/api/modules/index.ts
View File

@ -106,3 +106,7 @@ export const getVideoDeviceList = (param: any = {}) => {
export const videoStream=(param:any={})=>{
return GET('/video/stream',param)
}
//获取拥堵路段
export const getListCurrentMonth = (param: any = {}) => {
return GET('/device/mevent/listCurrentMonth', param);
}

28
src/views/component/map.vue
View File

@ -12,7 +12,7 @@
<script setup>
import { ref, nextTick } from "vue";
import { onMounted } from "vue";
import { getDeviceList } from "@/api/modules/index";
import { getDeviceList,getListCurrentMonth } from "@/api/modules/index";
import { emitter } from "@/utils/eventBus";
const emit = defineEmits(["show-device-info"]);
const markerMap = ref({
@ -125,6 +125,8 @@ onMounted(async () => {
map.addEventListener("click", (e) => {
console.log("点击的坐标：", e.point.lng, e.point.lat);
});
const rest = await getListCurrentMonth();
console.log("rest",rest)
// 定义路径点数组
var points1 = [
new BMap.Point(115.816121923,37.726502586),
@ -672,20 +674,14 @@ new BMap.Point(117.625417017,38.185147089),
map.addOverlay(polyline);
var points = [
new BMap.Point(116.727201337,37.868629410),
new BMap.Point(116.730039983,37.868942756),
new BMap.Point(116.732591170,37.869227615),
new BMap.Point(116.735034561,37.869512473),
new BMap.Point(116.737495918,37.869825816),
new BMap.Point(116.740226767,37.870224613),
new BMap.Point(116.742382700,37.870580681),
new BMap.Point(116.744035582,37.870908261),
new BMap.Point(116.746622702,37.871435235),
new BMap.Point(116.748778636,37.872019176),
new BMap.Point(116.750970501,37.872631596),
new BMap.Point(116.753036604,37.873244010),
new BMap.Point(116.754976944,37.873970356),
new BMap.Point(116.755551859,37.874141260),
new BMap.Point(116.476017151,37.820685846),
new BMap.Point(116.478927660,37.820571827),
new BMap.Point(116.481622577,37.820486313),
new BMap.Point(116.483059866,37.820486313),
new BMap.Point(116.487946648,37.820486313),
new BMap.Point(116.491791395,37.820600332),
new BMap.Point(116.496175126,37.821027903),
];
const congestionValues = [0.3, 0.8];
@ -694,7 +690,7 @@ for (let i = 0; i < points.length - 1; i++) {
// 根据拥堵程度计算红色深浅 (0-255)
const red = Math.floor(100 + 155 * congestion); // 浅红(100,0,0)到深红(255,0,0)
const color = `rgb(${red}, 0, 0)`;
const color = `rgb(255, 0, 0)`;
// 创建单段线段
const segment = new BMap.Polyline([points[i], points[i + 1]], {

2
vite.config.ts
View File

@ -62,7 +62,7 @@ export default defineConfig(({ command, mode }: ConfigEnv): UserConfig => {
rewrite: (path) => path.replace(new RegExp(`^${viteEnv.VITE_APP_CONTROL_BASE_API}`), ''),
},
[viteEnv.VITE_APP_BASE_API]: {
target: 'http://172.16.1.133:8081/iotApi',
target: 'http://172.16.1.128:8090/iotApi',
changeOrigin: true,
rewrite: (path) => path.replace(new RegExp(`^${viteEnv.VITE_APP_BASE_API}`), ''),
}