From 7c20fd15b7fbc2bd5756b39d5ab655cc849ffcc3 Mon Sep 17 00:00:00 2001
From: zhanghua <314079846@qq.com>
Date: 星期三, 16 七月 2025 22:39:23 +0800
Subject: [PATCH] 添加时间筛选
---
src/components/map/index.vue | 79 ++++++++++++++++++++++++++++++---------
1 files changed, 60 insertions(+), 19 deletions(-)
diff --git a/src/components/map/index.vue b/src/components/map/index.vue
index f8668fc..838a51d 100644
--- a/src/components/map/index.vue
+++ b/src/components/map/index.vue
@@ -7,41 +7,82 @@
data() {
return {
map: null,
+ _point: { x: "119.27179890", y: "28.59027084" },
+ _zoom: 15,
};
},
created() {
- if (!this.point) {
- this.point = { x: "119.27179890", y: "28.59027084" };
- }
- if (!this.zoom) {
- this.zoom = 15;
- }
+
+ // if (this.point) {
+ // this._point = this.point;
+ // }
+ // if (this.zoom) {
+ // this._zoom = this.zoom;
+ // }
+ },
+ methods: {
+ locationMap() {
+ const that = this;
+
+
+ // console.log("_zoom---", that.zoom);
+ // console.log("_point---", JSON.stringify(that.point));
+ that.map.setZoomAndCenter(that.zoom, [that.point.x, that.point.y]);
+ if (that.mark) {
+ // 鍒涘缓涓�涓� Marker 瀹炰緥锛�
+ var marker = new AMap.Marker({
+ position: new AMap.LngLat(that._point.x, that._point.y), // 缁忕含搴﹀璞★紝涔熷彲浠ユ槸缁忕含搴︽瀯鎴愮殑涓�缁存暟缁刐116.39, 39.9]
+ title: that.mark.title,
+ });
+
+ // 灏嗗垱寤虹殑鐐规爣璁版坊鍔犲埌宸叉湁鐨勫湴鍥惧疄渚嬶細
+ that.map.add(marker);
+ marker.on('click',function(e){
+ console.log('666')
+ that.$emit('fatherMethod')
+ // that.$parent.fatherMethod();
+
+ })
+ }
+
+ },
},
mounted() {
+ const that = this;
AMapLoader.load({
key: "091ade377d4db40f68cc78cb9658ce8d", // 鐢宠濂界殑Web绔紑鍙戣�匥ey锛岄娆¤皟鐢� load 鏃跺繀濉�
version: "2.0", // 鎸囧畾瑕佸姞杞界殑 JSAPI 鐨勭増鏈紝缂虹渷鏃堕粯璁や负 1.4.15
plugins: [], // 闇�瑕佷娇鐢ㄧ殑鐨勬彃浠跺垪琛紝濡傛瘮渚嬪昂'AMap.Scale'绛�
})
.then((AMap) => {
- this.map = new AMap.Map("container");
- this.map.setZoomAndCenter(this.zoom, [this.point.x, this.point.y]);
- if (this.mark) {
- // 鍒涘缓涓�涓� Marker 瀹炰緥锛�
- var marker = new AMap.Marker({
- position: new AMap.LngLat(this.point.x, this.point.y), // 缁忕含搴﹀璞★紝涔熷彲浠ユ槸缁忕含搴︽瀯鎴愮殑涓�缁存暟缁刐116.39, 39.9]
- title: this.mark.title,
- });
-
- // 灏嗗垱寤虹殑鐐规爣璁版坊鍔犲埌宸叉湁鐨勫湴鍥惧疄渚嬶細
- this.map.add(marker);
- }
+ that.map = new AMap.Map("container");
+ that.locationMap();
})
.catch((e) => {
console.log(e);
});
- },
+ // const that = this;
+ // that.map.setZoomAndCenter(that._zoom, [that._point.x, that._point.y]);
+ // if (that.mark) {
+ // // 鍒涘缓涓�涓� Marker 瀹炰緥锛�
+ // var marker = new AMap.Marker({
+ // position: new AMap.LngLat(that._point.x, that._point.y), // 缁忕含搴﹀璞★紝涔熷彲浠ユ槸缁忕含搴︽瀯鎴愮殑涓�缁存暟缁刐116.39, 39.9]
+ // title: that.mark.title,
+ // });
+ // // 灏嗗垱寤虹殑鐐规爣璁版坊鍔犲埌宸叉湁鐨勫湴鍥惧疄渚嬶細
+ // that.map.add(marker);
+ // }
+ },
+ watch: {
+ point(newval, oldval) {
+ this._point = newval;
+ this.locationMap();
+ },
+ zoom(newval, oldval) {
+ this._zoom = newval;
+ },
+ },
props: ["point", "zoom", "mark"],
};
</script>
--
Gitblit v1.8.0