vue-leaflet polygon

在 Vue 中使用 Leaflet 绘制多边形（Polygon）的方法如下：

1. 首先，你需要在你的项目中安装 vue-leaflet 和 leaflet 包，可以使用以下命令进行安装：

npm install vue-leaflet leaflet

2. 在你的 Vue 组件中导入所需的包：

import { LMap, LPolygon } from 'vue-leaflet';
import 'leaflet/dist/leaflet.css';

3. 在组件的 template 部分，使用 `l-map` 和 `l-polygon` 标签来创建地图和多边形：

<template>
  <l-map :zoom="zoom" :center="center">
    <l-tile-layer :url="url"></l-tile-layer>
    <l-polygon :latLngs="polygonLatLngs"></l-polygon>
  </l-map>
</template>

4. 在组件的 script 部分，定义相应的数据和方法：

<script>
export default {
  data() {
    return {
      zoom: 12,
      center: [51.505, -0.09],
      url: 'http://{s}.tile.osm.org/{z}/{x}/{y}.png',
      polygonLatLngs: [[51.509, -0.08], [51.503, -0.06], [51.51, -0.047]]
    };
  }
}
</script>

在上面的代码中，`zoom` 定义了地图的缩放级别，`center` 定义了地图的中心坐标，`url` 是瓦片图层的 URL 地址，`polygonLatLngs` 是多边形的顶点坐标数组。

这样，你就可以在 Vue 中使用 Leaflet 绘制多边形了。记得在 CSS 中引入 Leaflet 的样式文件。