Update index.vue

src/views/place/gis/index.vue

@@ -1,12 +1,20 @@
 <template>
   <div class="app-container">
-    <tencent-map id="amapcontainer" :height="900" :enable-click="false" :enable-bounds-changed="true" @boundsChanged="boundsChanged"/>
+    <tencent-map id="amapcontainer" :height="900" :enable-click="false" :enable-bounds-changed="true"
+                 @boundsChanged="boundsChanged"
+    />
     <div class="category">
       <el-card>
         <a v-for="d in listData" :key="d.category.id" href="javascript:;" @click="changeDataType(d.category.id)">
           <el-row>
             <el-col :span="4">
-              <el-image :src="d.category.iconImage" style="height: 20px"/>
+              <div style="width: 20px;display: block;height: 20px;">
+                <div
+                  style="height: 20px;width: 20px;overflow: hidden;z-index: 9999;position: absolute;"
+                >
+                  <img :src="d.category.iconImage" style="position: absolute;width: 34px;left: -6px;top: -6px;"/>
+                </div>
+              </div>
             </el-col>
             <el-col :span="14">
               {{ d.category.name }}
@@ -39,7 +47,8 @@
   margin-right: 10px;
   font-size: 12px
 }
-.marker p{
+
+.marker p {
   font-size: 16px;
   margin: 5px 0;
 }
@@ -93,8 +102,8 @@ export default {
         let infoContent = '<div style="text-align: left" class="marker">'
         infoContent += '<p><img src="' + o.litpic + '" width="200" height="150"/></p>'
         infoContent += '<p>' + (o.name ?? '-') + '</p>'
-        infoContent += '<p><span>联系人</span>' + (o.contacts ?? '-') + '</p>'
         infoContent += '<p><span>电话</span>' + (o.contactNumber ?? '-') + '</p>'
+        infoContent += '<p><span>地址</span>' + (o.address ?? '-') + '</p>'
         infoContent += '</div>'
         const styleKey = 'myStyle' + o.category.id
         listGeometries.push({