uniapp的map多点连线

### 实现 UniApp 地图组件中的多点连线

为了在 UniApp 的 `map` 组件中实现多个地点之间的连线，可以按照如下方法操作：

#### 准备工作
确保已引入并配置好地图插件或 SDK，在页面 JSON 配置文件里声明所需权限和组件。

#### 数据准备
创建一个包含各坐标位置的对象列表作为路径节点的数据源。这些对象应至少含有经度(`longitude`) 和纬度 (`latitude`) 属性[^3]。

const points = [
    { latitude: 23.099994, longitude: 113.32452 },
    { latitude: 23.100027, longitude: 113.32452 }
];

#### HTML 结构定义
利用 `<map>` 标签及其子标签来构建视图结构，并通过设置其属性如 `polyline` 来指定要渲染的折线样式和其他参数。

<template>
  <view class="container">
    <!-- 定义 map 组件 -->
    <map :markers="markers" :polyline="polylines"></map>
  </view>
</template>

<script>
export default {
  data() {
    return {
      markers: [], // 存储所有的标记点信息
      polylines: [{
        points: this.points,
        color: "#FF0000DD",
        width: 2,
        dottedLine: true
      }]
    };
  },
};
</script>

上述代码片段展示了如何初始化一个多段线实例，并将其颜色设为半透明红色、宽度设定为两个像素单位以及采用虚线形式显示。

#### JavaScript 处理逻辑
编写脚本来处理实际业务需求，比如加载初始数据、响应用户交互等行为。这里假设已经获取到了一系列地理坐标组成的数组 `points` ，可以直接用于更新界面状态变量 `this.polylines` 下面的 `points` 字段。