vue-baidu-map如何在bm-polygon组件上放置文字

在 `bm-polygon` 组件上放置文字可以使用 `bm-label` 组件。具体实现步骤如下：

1. 在 `bm-polygon` 上添加 `id` 属性，以便在 `bm-label` 中引用。

<bm-polygon :path="polygonPath" :id="'myPolygon'"></bm-polygon>

2. 在 `bm-label` 中使用 `for` 属性引用 `bm-polygon` 上的 `id`，并设置 `position` 属性来确定文字的位置。

<bm-label for="myPolygon" :position="labelPosition">这里是文字</bm-label>

3. 在组件的 `data` 属性中定义 `labelPosition` 变量来确定文字的位置。例如：

data() {
  return {
    polygonPath: [...], // 多边形路径
    labelPosition: {
      lat: 39.9, // 纬度
      lng: 116.4 // 经度
    }
  }
}

完整代码示例：

<template>
  <div>
    <bm-map center="北京市" :zoom="15">
      <bm-polygon :path="polygonPath" :id="'myPolygon'"></bm-polygon>
      <bm-label for="myPolygon" :position="labelPosition">这里是文字</bm-label>
    </bm-map>
  </div>
</template>

<script>
export default {
  data() {
    return {
      polygonPath: [
        { lat: 39.9, lng: 116.4 },
        { lat: 39.9, lng: 116.5 },
        { lat: 39.8, lng: 116.5 },
        { lat: 39.8, lng: 116.4 }
      ],
      labelPosition: {
        lat: 39.9,
        lng: 116.4
      }
    }
  }
}
</script>