返回

用高德地图画个爱心给心爱的人

前端

七夕将至，如何给心爱的她/他一个浪漫惊喜呢？不妨用高德地图画一个爱心轨迹，让她/他感受到你的用心和爱意。下面，就来教大家如何用高德地图实现“爱心”轨迹。

操作步骤：

  1. 打开高德地图

在手机上打开高德地图，点击右上角的“导航”按钮。

  1. 选择“步行”

在导航模式中，选择“步行”。

  1. 输入起始点和目的地

在“起始点”和“目的地”中，输入你想画爱心轨迹的起点和终点。

  1. 自定义路线

点击右下角的“自定义路线”按钮，进入自定义路线界面。

  1. 添加途径点

在自定义路线界面中，点击“+”号添加途径点。

  1. 画爱心形状

根据爱心的形状，依次添加多个途径点，形成一个爱心形状。

  1. 开始导航

完成爱心形状的绘制后，点击“开始导航”按钮，高德地图将按照你绘制的路线进行导航。

示例代码：

以下是一个用高德地图绘制爱心轨迹的示例代码：

var start = new AMap.LngLat(116.481028, 39.989643); // 起点坐标
var end = new AMap.LngLat(116.484042, 39.991104); // 终点坐标

var waypoints = [
  new AMap.LngLat(116.481028, 39.989643),
  new AMap.LngLat(116.480958, 39.989749),
  new AMap.LngLat(116.480888, 39.989861),
  new AMap.LngLat(116.480813, 39.989965),
  new AMap.LngLat(116.480738, 39.990077),
  new AMap.LngLat(116.480658, 39.990195),
  new AMap.LngLat(116.480573, 39.990312),
  new AMap.LngLat(116.480488, 39.990434),
  new AMap.LngLat(116.480403, 39.990552),
  new AMap.LngLat(116.480313, 39.990674),
  new AMap.LngLat(116.480223, 39.990792),
  new AMap.LngLat(116.480138, 39.990914),
  new AMap.LngLat(116.480048, 39.991036),
  new AMap.LngLat(116.479958, 39.991158),
  new AMap.LngLat(116.479868, 39.991276),
  new AMap.LngLat(116.479778, 39.991398),
  new AMap.LngLat(116.479688, 39.991516),
  new AMap.LngLat(116.479598, 39.991638),
  new AMap.LngLat(116.479508, 39.991756),
  new AMap.LngLat(116.479413, 39.991878),
  new AMap.LngLat(116.479323, 39.991996),
  new AMap.LngLat(116.479228, 39.992118),
  new AMap.LngLat(116.479133, 39.992236),
  new AMap.LngLat(116.479038, 39.992358),
  new AMap.LngLat(116.478948, 39.992476),
  new AMap.LngLat(116.478853, 39.992598),
  new AMap.LngLat(116.478758, 39.992716),
  new AMap.LngLat(116.478663, 39.992838),
  new AMap.LngLat(116.478563, 39.992956),
  new AMap.LngLat(116.478468, 39.993078),
  new AMap.LngLat(116.478373, 39.993196),
  new AMap.LngLat(116.478278, 39.993318),
  new AMap.LngLat(116.478183, 39.993436),
  new AMap.LngLat(116.478088, 39.993558),
  new AMap.LngLat(116.477993, 39.993676),
  new AMap.LngLat(116.477898, 39.993798),
  new AMap.LngLat(116.477803, 39.993916),
  new AMap.LngLat(116.477708, 39.994038),
  new AMap.LngLat(116.477613, 39.994156),
  new AMap.LngLat(116.477518, 39.994278),
  new AMap.LngLat(116.477423, 39.994396),
  new AMap.LngLat(116.477328, 39.994518),
  new AMap.LngLat(116.477233, 39.994636),
  new AMap.LngLat(116.477138, 39.994758),
  new AMap.LngLat(116.477043, 39.994876),
  new AMap.LngLat(116.476948, 39.994998),
  new AMap.LngLat(116.476853, 39.995116),
  new AMap.LngLat(116.476758, 39.995238),
  new AMap.LngLat(116.476663, 39.995356),
  new AMap.LngLat(116.476568, 39.995478),
  new AMap.LngLat(116.476473, 39.995596),
  new AMap.LngLat(116