|
|
@@ -9,6 +9,7 @@ import * as echarts from "echarts";
|
|
|
import "echarts-gl"; //3D地图插件
|
|
|
import { onMounted } from "vue";
|
|
|
import img149 from "@/assets/img/about/149.png";
|
|
|
+import wenli from "@/assets/img/about/wenli.jpg"
|
|
|
var imageDom = document.createElement("img");
|
|
|
imageDom.src = img149;
|
|
|
// 定义echarts方法
|
|
|
@@ -45,10 +46,10 @@ const chartMap = () => {
|
|
|
},
|
|
|
|
|
|
itemStyle: {
|
|
|
- color: "#ff4400",
|
|
|
- opacity: 0.8,
|
|
|
- borderWidth: 0.4,
|
|
|
- borderColor: "#000",
|
|
|
+ color: "rgba(0,166,166,1)",
|
|
|
+ opacity: 0.6,
|
|
|
+ borderWidth: 4,
|
|
|
+ borderColor: "#fff",
|
|
|
|
|
|
},
|
|
|
viewControl: {
|
|
|
@@ -73,11 +74,11 @@ const chartMap = () => {
|
|
|
fontSize: 18, //显示字体变大
|
|
|
},
|
|
|
itemStyle: {
|
|
|
- color: "#ff7aff", //显示移入的区块变粉色
|
|
|
+ color: "#fff", //显示移入的区块变粉色
|
|
|
},
|
|
|
},
|
|
|
label: {
|
|
|
- show: true,
|
|
|
+ show: false,
|
|
|
position: "top",
|
|
|
color: "#111", //地图初始化区域字体颜色
|
|
|
fontSize: 14,
|
|
|
@@ -85,7 +86,8 @@ const chartMap = () => {
|
|
|
},
|
|
|
shading: "realistic",
|
|
|
realisticMaterial:{
|
|
|
- detailTexture:img149
|
|
|
+ detailTexture:wenli,
|
|
|
+ metalness:0
|
|
|
},
|
|
|
light: {
|
|
|
//光照阴影
|
|
|
@@ -148,4 +150,8 @@ onMounted(() => {
|
|
|
});
|
|
|
</script>
|
|
|
|
|
|
-<style lang="less" scoped></style>
|
|
|
+<style lang="less" scoped>
|
|
|
+.map{
|
|
|
+ background-color:#d8d8d8;
|
|
|
+}
|
|
|
+</style>
|
