在angularjs/google地图中显示分支最近的路线
Show the nearest route for a branch in angularjs/google maps
我用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的东西中有位置数组的地方编写代码。控制器的主要目的是保存初始变量,这些变量将传递给我们的指令。代码的其余部分被称为指令。控制器持有初始变量,这些变量将被传递给我们的指令。
我建议您仔细阅读本教程,以完成一步一步的实现。
相关文章:
- jQuery最近父级的数据属性选择器
- 在IE9中的输入字段中输入焦点最近按钮
- 在我的网站上显示最近提交的文章/图片
- 如何提取“;href"最近列表项中的属性值
- 在angularjs/google地图中显示分支最近的路线
- 对象数组返回自最近日期以来的最高总体值
- 在谷歌地图上查找最近的大头针
- 多选获取最近选择的选项值
- Rally App SDK 1.32:在最近的重组后,选择器无法使用通用查询访问PortfolioItems
- 选择一个元素,使其最近的具有特殊属性的父元素具有特殊值
- 如何在折线图中显示最近的值
- Javascript最近的p标记文本未选择
- 如何查找离单击位置最近的子项
- 在子菜单页面上时,mmenu打开子菜单分支
- Javascript数组只保存最近的对象
- 我的鼠标向下功能不是从最近的点画线,而是从左上角画线
- 从多个数组中返回最近排序的日期
- 为什么我的php数组只返回最近/最后发布的活动
- 使用JavaScript查找数组中最近的日期
- 试图让我的点对点游戏'捕捉到'最近的点