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

    类 DrivingRoute

    驾车路线规划服务类 提供驾车路线规划功能，支持百度地图和天地图两种数据源 继承自 BaseRoute，提供统一的路线规划接口

    主要功能：

    • 根据起点和终点计算最优驾车路线
    • 支持途经点设置
    • 自动渲染路线到地图上
    • 支持多种数据源切换
    • 支持百度地图和天地图API
    // 创建驾车路线规划实例
    const drivingRoute = new DrivingRoute({
        apiSource: mapvthree.services.API_SOURCE_BAIDU, // 使用百度地图数据源
        renderOptions: {
            engine: engine, // 渲染引擎
            autoViewport: true // 自动调整视野
        }
    });

    // 搜索路线
    const result = await drivingRoute.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)] // 途经点
        }
    );

    层级

    • BaseRoute
      • DrivingRoute
    索引

    构造函数

    constructor

    属性

    name QUERY_TYPE result RETURN_TYPE ROUTE_TYPE

    方法

    clearResults getResult renderPanel search

    构造函数

    • 创建驾车路线规划服务实例

      参数

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

        配置选项

        • 可选apiSource?: string

          API数据源。 可以配置为services.API_SOURCE_BAIDU或services.API_SOURCE_TIANDITU，默认使用配置的数据源

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

          渲染选项

          • 可选autoViewport?: boolean

            是否自动调整视野

          • 可选engine?: Engine

            渲染引擎实例

      返回 DrivingRoute

      const drivingRoute = new DrivingRoute({
          renderOptions: {
              engine: engine,
              autoViewport: true
          }
      });

    属性

    name: string = 'DrivingRoute'

    服务名称

    QUERY_TYPE: string = QUERY_TYPE_DRIVING

    查询类型：驾车路线规划

    result: any = null

    路线搜索结果

    RETURN_TYPE: number = RETURN_TYPE_DRIVING

    返回类型：驾车路线规划结果

    ROUTE_TYPE: number = BMAP_ROUTE_TYPE_DRIVING

    路线类型：驾车路线

    方法

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

      返回 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);

    显示设置

    成员可见性

    目录

    构造函数
    属性
    方法