Question

我刚开始使用Here Maps。在使用Google方向之前，我想尝试使用“Here Maps”API。这是示例JSON结果。得到这个结果后，如何将其实现为折线或方向（MAP Here）？感谢

{
  RouteLinks: [
  {
    linkId: 25664478,
    functionalClass: 5,
    shape: "51.1017723 0.3934907 51.1018066 0.3933491 51.1018295 0.39326",
    linkLength: 15.575699313408467
  },
  {
    linkId: 25664473,
    functionalClass: 4,
    shape: "51.1018295 0.39326 51.1022491 0.39348",
    linkLength: 44.17562556306323
  },
  {
    linkId: 25664459,
    functionalClass: 4,
    shape: "51.1022491 0.39348 51.1022987 0.39351",
    linkLength: 5.305684979980019
  },
  {
    linkId: 781742854, 
    functionalClass: 4, 
    shape: "51.1022987 0.39351 51.1025505 0.39365", 
    linkLength: 26.670487136749067
  },
  {
    linkId: 781742855, 
    functionalClass: 4, 
    shape: "51.1025505 0.39365 51.1027794 0.39378", 
    linkLength: 24.302012297623005
  },
  {
    linkId: 25664450,
    functionalClass: 4,
    shape: "51.1027794 0.39378 51.1030807 0.39403",
    linkLength: 33.974229462422905
  },
  {
    linkId: 25664444,
    functionalClass: 4,
    shape: "51.1030807 0.39403 51.103241 0.39413",
    linkLength: 17.215963662407898
  },
  {
    linkId: 25664440,
    functionalClass: 4,
    shape: "51.103241 0.39413 51.1033783 0.39421 51.1035385 0.39433 51.1036797 0.39445",
    linkLength: 48.32839625333388
  },
  {
    linkId: 25664427,
    functionalClass: 4,
    shape: "51.1036797 0.39445 51.1038017 0.39454",
    linkLength: 13.445306290244636
  },
  {
    linkId: 860272608,
    functionalClass: 4,
    shape: "51.1038017 0.39454 51.1039391 0.39465",
    linkLength: 15.378381014646559
  },
  {
    linkId: 860272609,
    functionalClass: 4,
    shape: "51.1039391 0.39465 51.1041908 0.39484",
    linkLength: 27.85427285471891
  },
  {
    linkId: 781742870,
    functionalClass: 4,
    shape: "51.1041908 0.39484 51.1043282 0.39494 51.1045609 0.39506",
    linkLength: 39.56626207722863
  },
  {
    linkId: 781742871,
    functionalClass: 4,
    shape: "51.1045609 0.39506 51.1047287 0.39515 51.1050262 0.3953021",
    linkLength: 48.951382959921716
  }
],
TracePoints: [
  {
    confidenceValue: 1, linkIdMatched: 25664478, matchDistance: 1.46,
    routeLinkSeqNrMatched: 0, lat: 51.10177, lon: 0.39349,
    elevation: 0, speedMps: 0, headingDegreeNorthClockwise: 10000,
    latMatched: 51.10178065190155, lonMatched: 0.3934977183445852,
    timestamp: 0, headingMatched: 114.46568884011239,
    minError: 1.3027890756593314
  },
  {
    confidenceValue: 1, linkIdMatched: 25664478, matchDistance: 1.57,
    routeLinkSeqNrMatched: 0, lat: 51.10181, lon: 0.39335,
    elevation: 0, speedMps: 0, headingDegreeNorthClockwise: 10000,
    latMatched: 51.10182, lonMatched: 0.39336,
    timestamp: 0, headingMatched: -65.53429247174023,
    minError: 1000000
  },
  {
    confidenceValue: 1, linkIdMatched: 781742854, matchDistance: 1,
    routeLinkSeqNrMatched: 4, lat: 51.10255, lon: 0.39366,
    elevation: 0, speedMps: 0, headingDegreeNorthClockwise: 10000,
    latMatched: 51.102547928304084, lonMatched: 0.3936687569824506,
    timestamp: 0, headingMatched: 20.644254301899522,
    minError: 0.6541474931313044
  },
  {
    confidenceValue: 1, linkIdMatched: 860272608, matchDistance: 4.59,
    routeLinkSeqNrMatched: 10, lat: 51.10398, lon: 0.39466,
    elevation: 0, speedMps: 0, headingDegreeNorthClockwise: 10000,
    latMatched: 51.10394, lonMatched: 0.39465,
    timestamp: 0, headingMatched: 25.217234923243595,
    minError: 1.2405405512432781
  },
  {
    confidenceValue: 1, linkIdMatched: 1022687693, matchDistance: 1.33,
    routeLinkSeqNrMatched: 14, lat: 51.10501, lon: 0.39533,
    elevation: 0, speedMps: 0, headingDegreeNorthClockwise: 10000,
    latMatched: 51.105012239590245, lonMatched: 0.39531827230152644,
    timestamp: 0, headingMatched: 16.91643828307876,
    minError: 0.8568378930601925
  }
],
Warnings: [
  {
    "tracePointSeqNum": -1,
    "routeLinkSeqNum": 3,
    "category": 3,
    "text": "Entering link 781742854 into forbidden driving direction"
  }
],
MapVersion: "2013Q4" }

Answer 1

* linkId，shape就像Heremap api step1给出的那个旅行点。您只需通过折线功能绘制路线。

addPolylineToMap(map,linkId);

function addPolylineToMap(map,linkId) {
    for (j = 0; j < (shape.length - 1); j = j + 2) {
        var strip = new H.geo.Strip();
        strip.pushPoint({lat: shape[j],lng: shape[j+1]});
    }
}

如何在接收数据后绘制线条 - 从GPS跟踪路由

1 个答案: