Procházet zdrojové kódy

地图打点完成

yxb
DESKTOP-2IO5MST\huting před 1 rokem
rodič
revize
ce856ea127

+ 1
- 1
datas/mapData.js Zobrazit soubor

"上海市":8, "上海市":8,
"江苏省":9, "江苏省":9,
"浙江省":10, "浙江省":10,
"安徽省":11
"安徽省":11,
"福建省":12, "福建省":12,
"江西省":13, "江西省":13,
"山东省":14, "山东省":14,

+ 1
- 1
subpackage/personal-center/trajectory/trajectory.vue Zobrazit soubor

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

+ 23
- 3
subpackage/service/trajectory-map.vue Zobrazit soubor

import {stringToJson} from "@/utils/network/encryption.js"; import {stringToJson} from "@/utils/network/encryption.js";
import { onLoad,onMounted} from "@dcloudio/uni-app"; import { onLoad,onMounted} from "@dcloudio/uni-app";
import mapChina from "@/datas/mapChina.json"; 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"; import qiun from "./qiun-data-charts/components/qiun-data-charts/qiun-data-charts.vue";
const state = reactive({ const state = reactive({
mapArr:[],//后端传过来的省
lastData:[],
chartData: {}, 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","#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",
"#1890FF","#1890FF","#1890FF","#1890FF","#1890FF"], "#1890FF","#1890FF","#1890FF","#1890FF","#1890FF"],
padding: [0,0,0,0], padding: [0,0,0,0],
}) })
onLoad((option : any) => { onLoad((option : any) => {
getServerData(); getServerData();
state.mapArr=option.data.split(",");
console.log("option",option.data.split(","))
dealData();
}) })
const getServerData=()=>{ const getServerData=()=>{
console.log("111") console.log("111")
console.log("state.chartData",state.chartData) console.log("state.chartData",state.chartData)
}, 500); }, 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> </script>


<style scoped> <style scoped>

Načítá se…
Zrušit
Uložit