let lastTapTime = 0; Page({ data: { latitude: 25.470415, // 默认中心纬度 longitude: 110.273511, // 默认中心经度 scale: 5, markers: [], // 初始化为空数组,后续动态填充 showOverlay: false, // 是否显示图层 mapContext: null, // 地图上下文对象 excelData: [] }, onLoad() { // 假设已将 Excel 数据解析为以下数组 const excelData = [ { 土壤编号: "土1", 地点: "广西武鸣", dust_emissions: 5.34, longitude: 106.476143, latitude: 23.891756 }, { 土壤编号: "土2", 地点: "广西河池", dust_emissions: 3.96, longitude: 107.476143, latitude: 24.891756 }, { 土壤编号: "土3", 地点: "海南澄迈老城镇罗驿村委会罗驿洋", dust_emissions: 4.56, longitude: 110.125, latitude: 19.901756 }, { 土壤编号: "土4", 地点: "广东江门新会", dust_emissions: 4.0, longitude: 109.476143, latitude: 22.461756 }, { 土壤编号: "土5", 地点: "广州增城Z6", dust_emissions: 4.77, longitude: 110.476143, latitude: 21.891756 }, { 土壤编号: "土6", 地点: "广州增城Z8", dust_emissions: 4.59, longitude: 111.476143, latitude: 22.891756 }, { 土壤编号: "土7", 地点: "湖南岳阳", dust_emissions: 5.14, longitude: 112.476143, latitude: 23.891756 }, { 土壤编号: "土8", 地点: "广东韶关武江", dust_emissions: 5.07, longitude: 113.476143, latitude: 24.891756 }, { 土壤编号: "土9", 地点: "海南临高头星村", dust_emissions: 4.12, longitude: 109.684993, latitude: 19.83774 }, { 土壤编号: "土10", 地点: "海南临高周礼村", dust_emissions: 5.0, longitude: 109.710703, latitude: 19.89222 }, { 土壤编号: "土11", 地点: "海南澄迈金江", dust_emissions: 4.6, longitude: 110.069537, latitude: 19.81189 }, { 土壤编号: "土12", 地点: "海南临高南贤村", dust_emissions: 4.2, longitude: 109.768714, latitude: 19.874323 }, { 土壤编号: "土13", 地点: "海南澄迈金江北让村", dust_emissions: 4.5, longitude: 110.096765, latitude: 19.814288 }, { 土壤编号: "土14", 地点: "广西扶绥", dust_emissions: 4.71, longitude: 107.7717789, latitude: 22.5166902 }, { 土壤编号: "土15", 地点: "广西江州", dust_emissions: 4.31, longitude: 107.56347787, latitude: 22.6022203 }, { 土壤编号: "土16", 地点: "广西龙州", dust_emissions: 5.15, longitude: 106.7870847, latitude: 22.3496497 }, { 土壤编号: "土17", 地点: "广西大新", dust_emissions: 4.71, longitude: 107.0230641, latitude: 22.5857946 }, { 土壤编号: "土18", 地点: "湖南岳阳荣家湾", dust_emissions: 5.04, longitude: 113.059629, latitude: 29.267061 }, { 土壤编号: "土19", 地点: "湖南长沙", dust_emissions: 5.08, longitude: 113.059629, latitude: 28.440613 }, { 土壤编号: "土20", 地点: "浙江", dust_emissions: 4.8, longitude: 111.45527, latitude: 24.395235 }, { 土壤编号: "土21", 地点: "云南陆良", dust_emissions: 4.67, longitude: 112.45527, latitude: 25.395235 }, { 土壤编号: "土22", 地点: "南昌横龙镇南园组", dust_emissions: 4.8, longitude: 113.45527, latitude: 26.395235 }, { 土壤编号: "土23", 地点: "南昌横龙枫塘南园", dust_emissions: 5.1, longitude: 114.45527, latitude: 27.395235 }, { 土壤编号: "土24", 地点: "南昌横龙镇院塘村", dust_emissions: 4.27, longitude: 114.852, latitude: 27.3947 }, { 土壤编号: "土25", 地点: "江西山庄乡秀水村黄田组", dust_emissions: 4.27, longitude: 114.852, latitude: 27.5247 }, { 土壤编号: "土26", 地点: "贵州双星村", dust_emissions: 4.7, longitude: 106.852, latitude: 27.3147}, { 土壤编号: "土27", 地点: "湖南永州八宝镇唐家州", dust_emissions: 4.57, longitude: 113.952, latitude: 26.08147 }, { 土壤编号: "土28", 地点: "湖南永州金洞", dust_emissions: 5.3, longitude: 112.1564, latitude: 26.1685 }, { 土壤编号: "土29", 地点: "祁阳县中国农业科学院红壤实验室", dust_emissions: 4.75, longitude: 111.4, latitude: 22.24 }, { 土壤编号: "土30", 地点: "福建福州1", dust_emissions: 4.31, longitude: 112.4, latitude: 23.24 }, { 土壤编号: "土31", 地点: "福建福州2", dust_emissions: 4.38, longitude: 113.4, latitude: 24.24 }, { 土壤编号: "土32", 地点: "广东省韶关市南雄市下塅村", dust_emissions: 5.51, longitude: 114.4, latitude: 25.24 }, { 土壤编号: "土33", 地点: "广东省韶关市南雄市河塘西216米", dust_emissions: 6.44, longitude: 114.28, latitude: 25.14 }, { 土壤编号: "土34", 地点: "广东省韶关市南雄市上何屋西南500米", dust_emissions: 5.25, longitude: 114.15, latitude: 24.86 }, { 土壤编号: "土35", 地点: "广东省南雄市雄州街道林屋", dust_emissions: 4.62333333333333, longitude: 114.23, latitude: 25.4 }, { 土壤编号: "土36", 地点: "广东省台山都斛镇", dust_emissions: 3.0, longitude: 112.34, latitude: 27.31 }, { 土壤编号: "土52", 地点: "湖南省长沙市浏阳市永安镇千鹭湖", dust_emissions: 4.72333333333333, longitude: 113.34, latitude: 28.31 }, { 土壤编号: "土53", 地点: "湖南省长沙市浏阳市湖南农大实习基地", dust_emissions: 5.55333333333333, longitude: 113.83, latitude: 28.3 }, { 土壤编号: "土54", 地点: "湖南省邵阳市罗市镇1", dust_emissions: 4.64, longitude: 110.35, latitude: 25.47 }, { 土壤编号: "土55", 地点: "湖南省邵阳市罗市镇2", dust_emissions: 5.01333333333333, longitude: 111.35, latitude: 26.47 }, { 土壤编号: "土56", 地点: "湖南省邵阳市罗市镇3", dust_emissions: 5.18, longitude: 112.35, latitude: 27.47 }, { 土壤编号: "土57", 地点: "长沙县高桥镇的省农科院高桥科研基地1", dust_emissions: 5.1, longitude: 113.35, latitude: 28.47 }, { 土壤编号: "土58", 地点: "长沙县高桥镇的省农科院高桥科研基地2", dust_emissions: 4.92, longitude: 113.35, latitude: 28.47 }, { 土壤编号: "土59", 地点: "湖南省长沙市望城区桐林坳社区", dust_emissions: 3.0, longitude: 112.8, latitude: 28.37 }, { 土壤编号: "土60", 地点: "湖南省益阳市赫山区泥江口镇", dust_emissions: 3.0, longitude: 107.37, latitude: 21.92 }, { 土壤编号: "土70", 地点: "南宁市兴宁区柳杨路26号", dust_emissions: 3.0, longitude: 108.37, latitude: 22.92 }, { 土壤编号: "土71", 地点: "南宁市兴宁区柳杨路广西私享家家具用品", dust_emissions: 3.0, longitude: 108.37, latitude: 23.94 }, { 土壤编号: "土72", 地点: "南宁市兴宁区004乡道", dust_emissions: 6.24666666666667, longitude: 108.39, latitude: 24.92 }, { 土壤编号: "土73", 地点: "南宁市兴宁区G7201南宁绕城高速", dust_emissions: 3.0, longitude: 108.4, latitude: 25.94 }, { 土壤编号: "土74", 地点: "南宁市兴宁区012县道", dust_emissions: 3.0, longitude: 108.41, latitude: 26.92 }, { 土壤编号: "土75", 地点: "南宁市兴宁区那况路168号", dust_emissions: 3.0, longitude: 108.4, latitude: 27.9 }, { 土壤编号: "土76", 地点: "南宁市西乡塘区翊武路", dust_emissions: 5.37, longitude: 108.35, latitude: 28.96 }, { 土壤编号: "土77", 地点: "南宁市西乡塘区坛洛镇", dust_emissions: 3.0, longitude: 107.85, latitude: 29.92 }, { 土壤编号: "土81", 地点: "铜仁职业技术学院", dust_emissions: 4.0, longitude: 108.85, latitude: 27.34 }, { 土壤编号: "土87", 地点: "江西省红壤及种质资源研究所(进贤基地)1", dust_emissions: 4.55, longitude: 116.17, latitude: 28.34 }, { 土壤编号: "土88", 地点: "江西省红壤及种质资源研究所(进贤基地)2", dust_emissions: 4.99333333333333, longitude: 116.17, latitude: 28.34 } ]; // 保存数据到data和实例变量 this.setData({ excelData }); this.excelData = excelData; // 动态生成 markers 数据 const markers = excelData.map((item, index) => ({ id: index + 1, // 标记点 ID latitude: item.latitude, // 纬度 longitude: item.longitude, // 经度 iconPath: "../../assets/taddar/marker.png", // 标记点图标路径 width: 34, height: 34, callout: { content: `${item.地点} - pH值: ${parseFloat(item.dust_emissions).toFixed(2)}`, // 显示地名和污染物排放量 display: "BYCLICK", // 点击时显示气泡 fontSize: 14, color: "#333", bgColor: "#fff", borderColor: "#ccc", borderRadius: 5, borderWidth: 1, padding: 10, textAlign: "center", anchorX: 0.5, anchorY: -5 } })); // 更新 markers 数据 this.setData({ markers, mapContext: wx.createMapContext("map", this) }); }, // 切换图层显示 toggleOverlay(e) { const showOverlay = e.detail.value; this.setData({ showOverlay }); if (showOverlay) { console.log("准备添加地面覆盖物"); // 添加地面覆盖物 this.data.mapContext.addGroundOverlay({ id: 1, // 覆盖物 ID src: 'https://soilgd.com/images/farmland_cut.png',// 图片路径 bounds: { southwest: { latitude: 18.03, longitude: 104.25 }, // 图左下角坐标 northeast: { latitude: 31.26, longitude: 119.86 } // 图片右上角坐标 }, opacity: 0.7, // 图片透明度 zIndex: 999, // 设置较高的 zIndex success: (res) => { console.log('添加地面覆盖物成功', res); }, fail: (err) => { console.error('添加地面覆盖物失败', err); } }); } else { console.log("准备移除地面覆盖物"); // 移除地面覆盖物 this.data.mapContext.removeGroundOverlay({ id: 1, // 覆盖物 ID success: (res) => { console.log('移除地面覆盖物成功', res); }, fail: (err) => { console.error('移除地面覆盖物失败', err); } }); } }, onMarkerTap(e) { const markerId = e.detail.markerId; // 不处理临时标记点击 if (markerId === 0) return; const markers = this.data.markers.map(marker => { if (marker.id === markerId) { marker.callout.display = "ALWAYS"; } else if (marker.id !== 0) { // 保持临时标记显示 marker.callout.display = "NEVER"; } return marker; }); this.setData({ markers }); }, onCalloutTap(e) { console.log("Callout clicked:", e.detail.markerId); }, handleMapTap(e) { const now = Date.now(); if (now - lastTapTime < 1000) return; lastTapTime = now; const { latitude, longitude } = e.detail; wx.qqmapsdk.reverseGeocoder({ location: { latitude, longitude }, success: (res) => { const address = res.result.address_component; const locationDesc = res.result.location_description || ''; const isValidLand = ( address.nation === '中国' && !['香港', '澳门', '台湾'].includes(address.province) && address.city !== '三沙市' && // 排除南海海域行政中心 !locationDesc.includes('海域') && // 排除描述含海域的关键词 address.district !== '' // 排除无区县信息区域 ); if (isValidLand) { wx.showLoading({ title: '计算中...' }); // 调用克里金插值接口 wx.request({ url: 'https://soilgd.com:5000/kriging_interpolation', method: 'POST', header: { 'Content-Type': 'application/json' }, data: { file_name: 'emissions.xlsx', emission_column: 'dust_emissions', points: [[longitude, latitude]] // 注意顺序:经度在前 }, success: (res) => { wx.hideLoading(); if (res.statusCode === 200 && res.data.interpolated_concentrations) { const value = res.data.interpolated_concentrations[0]; // 创建临时标记 const tempMarker = { id: 0, latitude, longitude, iconPath: "../../assets/taddar/marker.png", width: 40, height: 40, callout: { content: `经度: ${longitude.toFixed(4)}\n纬度: ${latitude.toFixed(4)}\npH值: ${value.toFixed(2)}`, display: "ALWAYS", fontSize: 14, color: "#333", bgColor: "#fff", borderColor: "#07c160", borderRadius: 8, borderWidth: 2, padding: 12, anchorY: -10 } }; // 更新标记数组 const markers = this.data.markers .filter(m => m.id !== 0) .concat(tempMarker); this.setData({ markers }); } }, fail: (err) => { wx.hideLoading(); wx.showToast({ title: '计算失败', icon: 'none' }); } }); } else { wx.showToast({ title: '非有效陆地区域', icon: 'none' }); } }, fail: (err) => console.error('接口错误:', err) }); }, });