在angularjs/google地图中显示分支最近的路线

Show the nearest route for a branch in angularjs/google maps

本文关键字:最近 分支 显示 angularjs google 地图      更新时间:2023-09-26

我用angularjs创建了一个地图来显示商店的一些分支。我创建了一组分支,并在地图中显示了它们。

$scope.locations = {
          BranchAndAtms: [
          {
          id: "1",
          outlet: "Piliyandala",
          address: "Piliyandala Post Office Piliyandala",
          lat: "6.802107",
          lon: "79.921749",
          isAtm: "yes",
          status: "yes",
          map: map,
          tel: "0111231231"
          },
          {
          id: "2",
          outlet: "Monaragala",
          address: "No.100, New Bus Stand , Monaragala.",
          lat: "6.877530",
          lon: "79.907055",
          isAtm: "yes",
          status: "yes",
          map: map,
          tel: "0111231231"
          },
    ]
}

像这样。而且我可以使用获取我当前的位置

var myLatLng = new google.maps.LatLng(c.latitude, c.longitude);

到目前为止,我可以显示到硬编码分支位置的路线。但我想知道如何从我的阵列中获得纬度和经度,并将其与我当前的位置进行比较,并显示路线。我该怎么做?

您必须对Angular JS概念进行一些研究,才能获得模块化代码以及与之相关的术语。您需要在名为Controller的东西中有位置数组的地方编写代码。控制器的主要目的是保存初始变量,这些变量将传递给我们的指令。代码的其余部分被称为指令。控制器持有初始变量,这些变量将被传递给我们的指令。

我建议您仔细阅读本教程,以完成一步一步的实现。