微信小程序 map组件 cover-view

---

<map id="myMap" style="width: 100%; height: 100vh;" latitude="{{latitude}}" longitude="{{longitude}}" markers="{{markers}}" covers="{{covers}}" show-location>
  <cover-view class="cover_body">
    <cover-view class="text_title">cover-view</cover-view>
    <cover-view class="text_content">可覆盖在原生map组件上的内容</cover-view>
    <cover-view class="text_button">来个按钮样子的</cover-view>
  </cover-view>
</map>

---

---

.cover_body
{
  position:relative;
  width: 90vw;
  margin-left: 20rpx;
  margin-top: 10rpx;
  border-radius: 5rpx;
  background: white;
  padding: 10rpx;
}
.text_title{
  font-size: 50rpx;
}
.text_content{
  color:darkturquoise
}
.text_button{
  margin-top:10rpx;
  margin-bottom: 10rpx;
  margin-left: 10rpx;
  background-color: orangered;
  color: white;
  padding: 10rpx;
  width: 90vw;
  border-radius: 5rpx;
  text-align: center;
}

---