地图覆盖物

liuqimichale
1 parent fdddb2fe
Showing 2 changed files with 21 additions and 20 deletions
src/styles/reset.css
src/views/mapsection.vue
@@ -109,3 +109,7 @@ table {
   position: absolute;
 }
+.parkpop-content{
+  color: #f00;
+}
+
@@ -77,6 +77,9 @@ export default {
       currentIndex:0
     }
   },
+  created() {
+
+  },
   mounted() {
     this.$nextTick(() => {
       this.scroll = new BScroll(this.$refs.parkwrap,{
@@ -149,35 +152,28 @@ export default {
           var myLabel;
           marker.addEventListener("mouseover", function (e) {
               myLabel = new BMap.Label(
-              '<div class="parkpop-content"> ' +
-              '<div class="parkpop-tit">112321312312</div> ' +
-              '<div class="parkpop-cont"> ' +
-              '<div class="parkpop-freecont"> ' +
-
-              '<div class="allspace-tit">总车位</div> ' +
-              '</div> ' +
-              '</div></div>',
+              '<div class="parkpop-content" style="font-size: 20px;">12321312</div>',
               {
                 offset: new BMap.Size(30, -85),   //label的偏移量，为了让label的中心显示在点上
                 position: point
               });
             myLabel.setStyle({
-                color: "#F0F0F0",
+                // color: "#0f0",
                 fontSize: "12px",
-                padding: "5px",
-                whiteSpace: "normal",
-                backgroundColor: "#f00",
-                border: "0px",
-                zIndex: "1000"
+                // padding: "5px",
+                // whiteSpace: "normal",
+                // backgroundColor: "#f00",
+                // border: "0px",
+                // zIndex: "1000"
               }
             );
             console.log('1')
             map.addOverlay(myLabel);
           });
-          marker.addEventListener("mouseout", function () {
-            map.removeOverlay(myLabel);
-          })
+          // marker.addEventListener("mouseout", function () {
+          //   map.removeOverlay(myLabel);
+          // })
           // //创建信息窗口
           // var opts = {
@@ -215,10 +211,11 @@ export default {
     left: 0;
     right: 0;
     bottom: 0;
+    .parkpop-content{
+      background-color: black;
+    }
   }
-  .parkpop-tit{
-    color: #000;
-  }
+
   .title-wrap{
     display: flex;
     padding-top: 17px;