up

src/views/bigScreen/home/components/Map/index.vue

@@ -4,7 +4,7 @@
       <map-selector :default-val="formData.mapId" @setMapInfo="handleSelectMap" />
     </nav>
     <div class="layout-map">
-      <div id="vmap" class="layout-map" />
+      <div id="vmap" />
       <div id="marker-tip" :style="marker_tip_style">
         <div class="head">基本信息</div>
         <div class="item">
@@ -330,7 +330,7 @@ export default {
       </style>
 
   <style lang="scss">
-  .layout-map .goaf-icon-box,.leaflet-marker-icon{
+  .layout-map .goaf-icon-box,.layout-map .leaflet-marker-icon{
     background-color: transparent;
     border-color: transparent;
   }

src/views/goaf/map/components/VisualEditor.vue

@@ -11,7 +11,7 @@
           <div class="name">{{ item.name }}</div>
         </div>
       </div>
-      <div id="vmap" />
+      <div id="vmap" class="editMap" />
       <div class="rightSide">
         <div v-if="type==1" class="remark">
           <div class="title">使用说明</div>
@@ -200,7 +200,7 @@ export default {
       this.map.on('pm:drawstart', (e) => { // 绘制开始时事件
         if (e.shape === 'Marker') {
           const layer = e.workingLayer
-          const html = `<div class="goaf-icon-box" style="width:100%;height:100%;position: relative;"></div>`
+          const html = `<div class="goaf-icon-box" style="width:100%;height:100%;position: relative;border: 1px solid red;"></div>`
           var icon = L.divIcon({
             html,
             iconSize
@@ -212,7 +212,7 @@ export default {
         const self = this
         if (e.shape === 'Marker') {
           const layer = e.layer
-          const html = `<div class="goaf-icon-box" style="width:100%;height:100%;position: relative;"></div>`
+          const html = `<div class="goaf-icon-box" style="width:100%;height:100%;position: relative;border: 1px solid red;"></div>`
           var icon = L.divIcon({
             html,
             iconSize
@@ -265,7 +265,7 @@ export default {
         })
         L.geoJSON(feature, {
           pointToLayer: function(_feature, latlng) {
-            const html = `<div class="goaf-icon-box " style="width:100%;height:100%;position: relative;"></div>`
+            const html = `<div class="goaf-icon-box" style="width:100%;height:100%;position: relative;border: 1px solid red;"></div>`
             var icon = L.divIcon({
               html,
               iconSize
@@ -622,14 +622,11 @@ export default {
     }
     </style>
   <style lang="scss">
-        .goaf-icon-box,.leaflet-marker-icon{
-          background-color: transparent;
-        }
-        .leaflet-marker-icon{
-          border: 1px solid red;
-          border-radius: 50%;
-          box-sizing: border-box;
-        }
+          .goaf-icon-box,.leaflet-marker-icon{
+              background-color: transparent;
+              border: 0;
+              border-radius: 50%;
+          }
         .goaf-fill-v{
             width:100%;
             position: absolute;