kbone使用map组件动态渲染报错

  <wx-map
        id="myMap"
        :longitude="map.lng"
        :latitude="map.lat"
        scale="14"
        :markers="markers"
        style="width: 100%; height: 100%"
        :show-location="true"
        @markertap="bindmarkertap"
      >
        <cover-view>
          <cover-view
            style="
              padding: 10px;
              height: 200px;
            "
          >
            <cover-view
              class="item"
              style="
                background-color: #fff;
                padding: 8px;
                display: flex;
                margin-bottom: 8px;
              "
              v-for="(item, index) in arr"
              :key="index"
            >
              <cover-view class="left">
              </cover-view>
              <cover-view class="right">
                <cover-view style="margin: 0">{{ item.departName }}</cover-view>
                <cover-view style="margin: 0">{{ item.juli }} {{ item.address }}</cover-view>
                <cover-view style="margin: 0">营业时间：{{ item.openingHours }}</cover-view>
              </cover-view>
            </cover-view>
          </cover-view>
        </cover-view>
      </wx-map>

 async getNearbyDepartBy() {
      const res = await getAction(
        "/sys/sysDepart/getNearbyDepartBy?longitude=" +
          this.map.lng +
          "&latitude=" +
          this.map.lat +
          "&departId=" +
          this.organizationId
      );
      if (res.success) {
        this.arr = res.result.records;
      }
    },

有大佬知道这是怎么回事吗？