修改污染源样式

src/views/Home.vue

     <ul id="landmark" v-if="isPlace">
       <li class="landItem" v-for="(item, index) in landuseList" :key="index">
         <span class="landName">{{ item.lc }}</span>
-        <span class="landcolor" :style="{ background: item.color }"></span>
+        <span class="landcolor" :style="{background: item.color}"></span>
+        <!-- <span class="landcolor" :style="{border: '2px solid' +item.color}"></span> -->
       </li>
     </ul>
 
 
     let styleFunction = this.landColor.map((item) => {
       let style = new Style({
-        stroke: new Stroke({
-          color: item[1],
-          width: 3
-        }),
+        // stroke: new Stroke({
+        //   color: item[1],
+        //   width: 3
+        // }),
+        // fill: new Fill({
+        //   color: 'rgba(0,0,0,0)'
+        // })
         fill: new Fill({
-          color: 'rgba(0,0,0,0)'
+          color: item[1]
         })
       });
       return [item[0], style];
 
     this.place = new VectorLayer({
       source: vector,
-      // opacity: 0.5,
+      opacity: 0.6,
       style: (feature) => {
         let lc = feature.getProperties().lc;
         return styleFunction.get(lc);