地图打点完成

datas/mapData.js

@@ -47,7 +47,7 @@ export const mapColor={
 	"上海市":8,
 	"江苏省":9,
 	"浙江省":10,
-	"安徽省":11
+	"安徽省":11,
 	"福建省":12,
 	"江西省":13,
 	"山东省":14,

subpackage/personal-center/trajectory/trajectory.vue

@@ -113,7 +113,7 @@
 	const see=()=>{
 		const aa="41,51"
 		uni.navigateTo({
-			url:"/subpackage/service/trajectory-map"
+			url:`/subpackage/service/trajectory-map?data=${aa}`
 		})
 	}
 	const seeMonth=()=>{

subpackage/service/trajectory-map.vue

@@ -23,15 +23,18 @@
 	import {stringToJson} from "@/utils/network/encryption.js";
 	import { onLoad,onMounted} from "@dcloudio/uni-app";
 	import mapChina from "@/datas/mapChina.json";
+	import {mapData,mapColor} from "@/datas/mapData.js";
 	import qiun from "./qiun-data-charts/components/qiun-data-charts/qiun-data-charts.vue";
 	const state = reactive({
+		mapArr:[],//后端传过来的省
+		lastData:[],
 		chartData: {},
-		opts: {  //["贵州省","海南省"]
-			color: ["#EE6666","#1890FF","#1890FF","#1890FF","#1890FF",
+		opts: {  //["贵州省","海南省"]  #EE6666
+			color: ["#1890FF","#1890FF","#1890FF","#1890FF","#1890FF",
+			"#1890FF","#1890FF","#1890FF","#1890FF","#1890FF",
 			"#1890FF","#1890FF","#1890FF","#1890FF","#1890FF",
 			"#1890FF","#1890FF","#1890FF","#1890FF","#1890FF",
 			"#1890FF","#1890FF","#1890FF","#1890FF","#1890FF",
-			"#1890FF","#1890FF","#1890FF","#1890FF","#EE6666",
 			"#1890FF","#1890FF","#1890FF","#1890FF","#1890FF",
 			"#1890FF","#1890FF","#1890FF","#1890FF","#1890FF"],
 			padding: [0,0,0,0],
@@ -54,6 +57,9 @@
 	})
 	onLoad((option : any) => {
 		getServerData();
+		state.mapArr=option.data.split(",");
+		console.log("option",option.data.split(","))
+		dealData();
 	})
 	const getServerData=()=>{
 		console.log("111")
@@ -66,6 +72,20 @@
 		console.log("state.chartData",state.chartData)
       }, 500);
     }
+	const dealData=()=>{
+		for(var i=0;i<state.mapArr.length;i++){
+			console.log(mapColor[mapData[state.mapArr[i]]])
+			state.lastData.push(mapColor[mapData[state.mapArr[i]]])
+		}
+		console.log("lastData",state.lastData)
+		changeColor();
+	}
+	const changeColor=()=>{
+		for(var i=0;i<state.lastData.length;i++){
+			state.opts.color[state.lastData[i]]="#EE6666"
+		}
+		console.log("state.opts.color",state.opts.color)
+	}
 </script>
 
 <style scoped>