From 76239bde9b61dde775aa66a75aeb7c1560ae7fb2 Mon Sep 17 00:00:00 2001
From: 1012414140@qq.com <1012414140@qq.com>
Date: 星期三, 24 十二月 2025 15:38:30 +0800
Subject: [PATCH] feat: 地图数据
---
src/components/page/leaderShow/leaderIndex.vue | 65 +++++++++++++++++++-------------
1 files changed, 39 insertions(+), 26 deletions(-)
diff --git a/src/components/page/leaderShow/leaderIndex.vue b/src/components/page/leaderShow/leaderIndex.vue
index b7e9438..a16f264 100644
--- a/src/components/page/leaderShow/leaderIndex.vue
+++ b/src/components/page/leaderShow/leaderIndex.vue
@@ -210,6 +210,7 @@
import shangjiZhipaiForm from "./Dialog/shangjiZhipaiForm";
import xunjieOrderForm from "./Dialog/xunjieOrderForm";
import weizhangForm from "./Dialog/weizhangForm";
+ import BaiduMap from "../../common/baiduMap";
export default {
name: "leaderIndex",
components: {
@@ -230,8 +231,8 @@
pageConfig: {
getDataUrl: this.$systemconfig.basePath + '/statistic/getData1',
getLogoUrl: this.$systemconfig.basePath + '/statistic/getLogo',
- findAllUrl: this.$systemconfig.basePath + '/user/findAll',
- illegalCarUrl: this.$systemconfig.basePath + '/notice/illegalCar2',
+ findAllUrl: this.$systemconfig.basePath + '/ffzf/user/findAll',
+ illegalCarUrl: this.$systemconfig.basePath + '/ffzf/notice/illegalCar2',
},
weizhangTimer:null, //杩濈珷list瀹氭椂鍣�
getDataTimer:null, //缁熻鏁版嵁瀹氭椂鍣�
@@ -292,8 +293,14 @@
}
},
mounted() {
+ BaiduMap.init()
+ .then((BMap) => {
+ console.log('鍦板浘鍒濆鍖�')
+ // this.inits()
+ this.createMap(BMap)
+ })
this.newTimes()
- this.userName = this.getStore('name')
+ this.userName = this.getStore('userinfo')
this.getData()
this.$nextTick(() => {
this.createMap()
@@ -436,30 +443,36 @@
this.$refs.zhipaiForm.initData()
})
},
- createMap(){ // // 鏂规硶 - 鍒涘缓鍦板浘
+ createMap(BMap){ // // 鏂规硶 - 鍒涘缓鍦板浘
// 鍦ㄧ櫨搴﹀湴鍥惧鍣ㄤ腑鍒涘缓鍦板浘瀹炰緥
- let map = new BMap.Map("container");
- // 灏唌ap鍙橀噺瀛樺偍鍦ㄥ叏灞�
- this.map = map;
- // let goodsData = require('../../../assets/custom_map_config.json')
- // 璁惧畾鍦板浘鐨勪腑蹇冪偣鍜屽潗鏍�
- let point = new BMap.Point(this.centerLng, this.centerLat);
- // let marker = new BMap.Marker(point) // 鍒涘缓鏍囨敞
- // 璁剧疆涓績鐐瑰潗鏍囧拰鍦板浘绾у埆
- this.map.centerAndZoom(point, 1);
- // 娣诲姞鑷畾涔夎鐩栫墿
- // this.map.addOverlay(marker) // 灏嗘爣娉ㄦ坊鍔犲埌鍦板浘涓�
- // 鍏佽婊氳疆缂╂斁
- this.map.enableScrollWheelZoom(point, 15);
- // 璁剧疆鍦板浘榛樿缂╂斁姣斾緥
- this.map.setZoom(15);
- this.map.setMapStyle({
- style:'midnight'
- // styleJson:goodsData
- });
- this.addHeatMap(this.map)
- this.addMarker(this.map,point)
-
+ let map = new BMap.Map('container');
+ this.$nextTick(() => {
+ // 灏唌ap鍙橀噺瀛樺偍鍦ㄥ叏灞�
+ this.map = map;
+ // let goodsData = require('../../../assets/custom_map_config.json')
+ // 璁惧畾鍦板浘鐨勪腑蹇冪偣鍜屽潗鏍�
+ let point = new BMap.Point(this.centerLng, this.centerLat);
+ let marker = new BMap.Marker(point) // 鍒涘缓鏍囨敞
+ // 璁剧疆涓績鐐瑰潗鏍囧拰鍦板浘绾у埆
+ this.map.centerAndZoom(point, 1);
+ // 娣诲姞鑷畾涔夎鐩栫墿
+ this.map.addOverlay(marker) // 灏嗘爣娉ㄦ坊鍔犲埌鍦板浘涓�
+ // 鍏佽婊氳疆缂╂斁
+ this.map.enableScrollWheelZoom(point, 15);
+ // 璁剧疆鍦板浘榛樿缂╂斁姣斾緥
+ this.map.setZoom(15);
+ this.map.setMapStyle({
+ // style:'midnight',
+ styleJson:goodsData
+ });
+
+ this.map.addEventListener("tilesloaded", () => {
+ this.addHeatMap(this.map); // 纭繚鍦� tilesloaded 浜嬩欢鍚庤皟鐢�
+ });
+
+ // this.addHeatMap(this.map)
+ this.addMarker(this.map,point)
+ })
},
addHeatMap(map) { //鐑姏鍥�
this.$byutil.postData(this,this.pageConfig.getLogoUrl,null,res => {
--
Gitblit v1.9.1