JSAPI Three API Reference
    正在准备搜索索引...

    类 RidingRoute

    骑行路线规划服务类 提供骑行路线规划功能，计算最优骑行路径 继承自 BaseRoute，提供统一的路线规划接口

    主要功能：

    • 根据起点和终点计算最优骑行路线
    • 支持途经点设置
    • 自动渲染路线到地图上
    • 仅支持百度地图API
    // 创建骑行路线规划实例
    const ridingRoute = new RidingRoute({
        renderOptions: {
            engine: engine, // 渲染引擎
            autoViewport: true // 自动调整视野
        }
    });

    // 搜索骑行路线
    const result = await ridingRoute.search(
        new THREE.Vector3(116.404, 39.915, 0), // 起点坐标
        new THREE.Vector3(116.414, 39.925, 0), // 终点坐标
    );

    层级

    • BaseRoute
      • RidingRoute
    索引

    构造函数

    constructor

    属性

    name QUERY_TYPE result ROUTE_TYPE

    方法

    clearResults getResult renderPanel search

    构造函数

    • 创建骑行路线规划服务实例

      参数

      • options: { renderOptions?: { autoViewport?: boolean; engine?: Engine } } = {}

        配置选项

        • 可选renderOptions?: { autoViewport?: boolean; engine?: Engine }

          渲染选项

          • 可选autoViewport?: boolean

            是否自动调整视野

          • 可选engine?: Engine

            渲染引擎实例

      返回 RidingRoute

      const ridingRoute = new RidingRoute({
          renderOptions: {
              engine: engine,
              autoViewport: true
          }
      });

    属性

    name: string = 'RidingRoute'

    服务名称

    QUERY_TYPE: string = QUERY_TYPE_RIDING

    查询类型：骑行路线规划

    result: any = null

    路线搜索结果

    ROUTE_TYPE: number = BMAP_ROUTE_TYPE_RIDING

    路线类型：骑行路线

    方法

    • 清除路线搜索结果和地图覆盖物

      返回 void

    • 获取路线搜索结果

      返回 any

      路线搜索结果

    • 在 Panel 容器中渲染路线详情（与 jsapi-webgl-1-0 一致的 DOM 结构和样式）

      参数

      • result: any

        路线搜索结果

      返回 void

    • 搜索路线 根据起点和终点计算最优路线

      参数

      • start: any

        起点坐标 [lng, lat]

      • end: any

        终点坐标 [lng, lat]

      • 可选opts: { waypoints?: any[] }

        搜索选项

        • 可选waypoints?: any[]

          途经点坐标数组，只有DrivingRoute支持途经点

      返回 Promise<any>

      路线搜索结果

      const result = await route.search(
          new THREE.Vector3(116.404, 39.915, 0), // 起点
          new THREE.Vector3(116.414, 39.925, 0), // 终点
          {
              waypoints: [new THREE.Vector3(116.409, 39.920, 0)] // 途经点
          }
      );
      console.log('路线距离:', result.distance);
      console.log('预计时间:', result.duration);

    显示设置

    成员可见性

    目录

    构造函数
    属性
    方法