leaflet 虚线

### 如何在 Leaflet 中绘制虚线或多边形边界为虚线

为了在 Leaflet 中创建具有虚线边界的多边形，可以通过设置路径选项中的 `dashArray` 属性来定义线条样式。此属性接受一个字符串参数，用于指定实线和空白部分的长度模式。

下面是一个具体的例子，展示了如何利用 JavaScript 和 Leaflet 库，在地图上添加一个多边形并将其边缘设为虚线：

// 初始化地图实例
var map = L.map('map').setView([51.505, -0.09], 13);

// 添加瓦片图层作为底图
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: '© OpenStreetMap contributors'
}).addTo(map);

// 定义多边形顶点坐标数组
var polygonCoordinates = [
    [51.509, -0.08],
    [51.503, -0.06],
    [51.51, -0.047]
];

// 创建带虚线边框的多边形对象，并加入到地图中
var dashedPolygon = L.polygon(polygonCoordinates, {
    color: 'blue',
    weight: 3,
    dashArray: '10, 5' // 设置虚线样式：每段实线宽10像素，间隔5像素
}).addTo(map);

通过调整 `dashArray` 的值，可以改变虚线的具体外观；例如，“20, 10”会得到更长间距更大的虚线效果[^1]。

对于已经存在的图形元素，如果想要动态更改其显示风格（比如从实线变为虚线），则可以直接访问该元素的对象并通过调用 setStyle 方法更新 style 配置项[^2]。