t

src/views/map/dtl.vue

@@ -58,19 +58,25 @@
       :events="events"
       :plugin="plugin"
     >
-      <el-amap-marker v-for="(marker, index) in {...schoolList}" :key="3000 + index"
-        icon="https://img2.honglounews.com/20220110031921-2283.png"
+      <el-amap-marker class="scoped-m-box" v-for="(marker, index) in {...schoolList}" :key="3000 + index"
+        icon="https://img2.honglounews.com/20220110041435-6276.png"
         :position="marker.position"
         :events="schoolEvents"
+        :title="marker.school_name"
+        :label="{content: marker.school_name, offset: [0, -23]}"
         :extData="{id: marker.id}"
       >
       </el-amap-marker>
-      <el-amap-marker v-for="(marker, index) in {...estateList}" :key="2000 + index"
-        icon="https://img2.honglounews.com/20220110032219-7950.png"
+      <el-amap-marker class="scoped-m-box" v-for="(marker, index) in {...estateList}" :key="2000 + index"
+        icon="https://img2.honglounews.com/20220110041411-6675.png"
         :position="marker.position"
         :events="estateEvents"
+        :title="marker.estate_name"
+        :label="{content: marker.estate_name, offset: [0, -23]}"
         :extData="{id: marker.id}"
       >
+      <!-- https://img2.honglounews.com/20220110041534-8330.png -->
+      <!-- https://img2.honglounews.com/20220110041411-6675.png -->
       </el-amap-marker>
       <template v-if="mapDiyObj.zoom > 3">
         <el-amap-marker v-for="(marker, index) in markerData" :key="1000 + index"
@@ -658,4 +664,13 @@ export default {
 }
 
 
+
+::v-deep .amap-marker-label {
+  border-color: #dcdcdc;
+  border-radius: 2px;
+  padding: 3px 5px;
+  color: #313131;
+  box-shadow: 0 0 3px #ccc;
+}
+
 </style>