区域层级问题

.env.development

@@ -6,7 +6,7 @@ ENV = 'development'
 
 # 云坤地图/开发环境
 # VUE_APP_BASE_API = 'https://vue.ruoyi.vip/prod-api'
-VUE_APP_BASE_API = 'http://192.168.0.111:8080'
+VUE_APP_BASE_API = 'http://39.101.188.84:9066'
 
 # 路由懒加载
 VUE_CLI_BABEL_TRANSPILE_MODULES = true

src/views/car.vue

@@ -137,10 +137,12 @@ export default {
               distanceDisplayCondition_far: 50000,
               distanceDisplayCondition_near: 0,
             },
+            clampToGround: true,
           },
           // forwardExtrapolationType: Cesium.ExtrapolationType.NONE,
           attr: { index: index, remark: "Model示例" },
         });
+
         this.graphicLayer.addGraphic(graphic);
       });
     },

src/views/index.vue

@@ -159,7 +159,7 @@ export default {
           });
           this.suzhouLayer.addGraphic(polygonEntity);
 
-          this.addCenterGraphi(polygonEntity.attr);
+          this.addCenterGraphi(polygonEntity.attr, index);
           //高亮打开
           polygonEntity.on(mars3d.EventType.highlightOpen, function (e) {
             _this.currentIndex = e.target.options.attr.index;
@@ -195,7 +195,15 @@ export default {
       return res.data;
     },
 
-    addCenterGraphi(attr) {
+    addCenterGraphi(attr, index) {
+      let obj = {
+        相城区: 60,
+        姑苏区: 60,
+        虎丘区: 60,
+        工业园区: 40,
+        吴中区: 40,
+        吴江区: 40,
+      };
       const circleGraphic = new mars3d.graphic.CircleEntity({
         id: `circle${attr.index}`,
         position: new mars3d.LngLatPoint(attr.x, attr.y),
@@ -214,6 +222,7 @@ export default {
       const divGraphic = new mars3d.graphic.DivGraphic({
         position: new mars3d.LngLatPoint(attr.x, attr.y),
         id: `areaName${attr.index}`,
+        zIndex: obj[attr.name],
         style: {
           html: `<div class="mars-four-color mars3d-animation" id="areaName${attr.index}">
                 <div class="four-color_name">${attr.name}</div>