地图尺寸

src/components/MapboxMaps/MapComponent.vue

@@ -445,7 +445,7 @@ import { features } from 'process';
         geojson.geojson.features.forEach((item,index)=>{
             let wktStr = GeojsonToWkt(item.geometry)
             let obj = {
-                columnValue:"mapgeom",
+                columnName:"mapgeom",
                 value:wktStr
             }
             arr.push(obj);
@@ -496,7 +496,14 @@ import { features } from 'process';
 </script>
   
   <style>
-
+  .map-container{
+    width:100%;
+    height:100%;
+  }
+   .map-box{
+    width:100%;
+    height:100%;
+   }
   .layer-control-center{
     position:absolute;
     padding:10px;

src/views/dashboard/analysis/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="w-full" style="height: 100%">
+  <div class="w-full" style="height:100%;">
 
     <MapboxMaps
       :layers="layers"
@@ -105,7 +105,8 @@
   // const feature ="LINESTRING (118.55483239594203 35.81329409678203, 118.54889167836416 35.806406839795216, 118.55647247134772 35.80285975465173, 118.56157492816281 35.803303140294986)"
     //  const feature = "POLYGON ((118.54774514802972 35.80786133598188, 118.54515277045988 35.79816597053564, 118.55919536113471 35.80085134034624, 118.56021460056033 35.80462789316549, 118.5595188628206 35.80695604583504, 118.5580066425723 35.80815336506183, 118.54774514802972 35.80786133598188))"
   
-  let drawFeatures = [{
+
+let drawFeatures = [{
 	"columnName": "mapgeom",
 	"value": "POLYGON ((118.55901684631719 35.8045110934671, 118.55946931550466 35.80449259041045, 118.55946551324392 35.80463444717644, 118.559024450841 35.80464061486234, 118.55901684631719 35.8045110934671))"
 }, {
@@ -115,6 +116,8 @@
 	"columnName": "mapgeom",
 	"value": "POLYGON ((118.55922520818172 35.8049069756666, 118.5594647506927 35.80490080800186, 118.55945714616884 35.80477128705068, 118.55921380139475 35.804783622380114, 118.55922520818172 35.8049069756666))"
 }];
+
+
     // 绘图完成返回geom
   const handlerDrawComplete = (geom)=>{
     console.log("绘制完成返回的图斑",geom);