地图修改5

src/views/about1/index.vue

@@ -38,23 +38,28 @@ const chartMap = () => {
     geo3D: {
       map: "zhejiang",
       roam: true,
-      instancing:true,
-      boxWidth:877,
-      boxHeight:866,
-      colorMaterial:{
+      instancing: true,
+      boxWidth: 877,
+      boxHeight: 866,
+      regionHeight:6,
+      colorMaterial: {
 
       },
-    
+      groundPlane:{
+        show:false,
+        color:"#333"
+      },
       itemStyle: {
-        color: "rgba(0,166,166,1)",
-        opacity: 0.6,
+        color: "rgba(0,200,200,1)",
+        opacity: 1,
         borderWidth: 4,
         borderColor: "#fff",
-        
+
       },
       viewControl: {
         autoRotate: false,
         autoRotateAfterStill: 3,
+        maxDistance:800,
         distance: 120,
         minAlpha: 5, // 上下旋转的最小 alpha 值。即视角能旋转到达最上面的角度。[ default: 5 ]
         maxAlpha: 90, // 上下旋转的最大 alpha 值。即视角能旋转到达最下面的角度。[ default: 90 ]
@@ -69,7 +74,7 @@ const chartMap = () => {
         disabled: true, //是否可以被选中
         label: {
           //移入时的高亮文本
-          show: true,
+          show: false,
           color: "#333", //显示字体颜色变淡
           fontSize: 18, //显示字体变大
         },
@@ -85,23 +90,27 @@ const chartMap = () => {
         lineHeight: 16,
       },
       shading: "realistic",
-      realisticMaterial:{
-        detailTexture:wenli,
-        metalness:0
+      realisticMaterial: {
+        detailTexture: wenli,
+        metalness: 0,
+
+        metalnessAdjust:1
+        
       },
       light: {
         //光照阴影
         main: {
           // color: "#fff", //光照颜色
-          intensity: 1, //光照强度
-          //shadowQuality: 'high', //阴影亮度
+          intensity: 2, //光照强度
+          shadowQuality: 'high', //阴影亮度
           shadow: true, //是否显示阴影
-          shadowQuality: "medium", //阴影质量 ultra //阴影亮度
-          alpha: 55,
-          beta: 10,
+          //shadowQuality: "medium", //阴影质量 ultra //阴影亮度
+          alpha: 40,
+          beta: -40,
+         
         },
         ambient: {
-          intensity: 0.7,
+          intensity: 0.5,
         },
       },
     },
@@ -151,7 +160,7 @@ onMounted(() => {
 </script>
 
 <style lang="less" scoped>
-.map{
-  background-color:#d8d8d8;
+.map {
+  background-color: #ffffff;
 }
 </style>