HarmonyOS 鸿蒙Next地图服务

HarmonyOS 鸿蒙Next地图服务 有没有绘制地图折线的示例？

2 回复

HarmonyOS Next地图服务基于鸿蒙系统独立开发，提供地图显示、路径规划、地点搜索与定位功能。支持离线地图和多种坐标系统，集成位置服务与导航能力。通过鸿蒙分布式技术实现跨设备地图数据流转，具备地理围栏和实时路况功能。服务采用JS等前端技术开发，调用鸿蒙原生地图SDK实现。

更多关于HarmonyOS 鸿蒙Next地图服务的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS Next中，可以通过地图服务的Polyline组件绘制折线。以下是一个简单示例：

import { Map, Polyline, Position } from '@ohos.geo';

// 创建地图实例
let map: Map = ... // 通过Map组件获取

// 定义折线坐标点
let points: Position[] = [
  { latitude: 39.90923, longitude: 116.397428 },
  { latitude: 39.89923, longitude: 116.407428 },
  { latitude: 39.88923, longitude: 116.417428 }
];

// 创建折线对象
let polyline: Polyline = new Polyline({
  points: points,
  color: '#FF0000FF', // ARGB格式
  width: 5 // 线宽
});

// 添加到地图
map.addPolyline(polyline);

关键参数说明：

  • points: Position[] - 经纬度坐标数组
  • color: string - 线条颜色（ARGB十六进制）
  • width: number - 线条宽度（像素）

可通过修改points数组动态更新折线路径，调用map.updatePolyline()刷新显示。

回到顶部